diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-form-element.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-form-element.english.md index 7489b58e71..376d9e8307 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-form-element.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/create-a-form-element.english.md @@ -16,7 +16,9 @@ For example: ## Instructions
-Nest your text field inside a form element, and add the action="https://freecatphotoapp.com/submit-cat-photo" attribute to the form element. + +Nest the existing input element inside a form element and assign `"https://freecatphotoapp.com/submit-cat-photo"` to the action attribute of the form element. +
## Tests @@ -24,8 +26,8 @@ Nest your text field inside a form element, and add the actio ```yml tests: - - text: Your text input element should be nested within a form element. - testString: assert($("form") && $("form").children("input") && $("form").children("input").length > 0); + - text: The existing input element should be nested within a form element. + testString: const inputElem = document.querySelector('form input'); assert(inputElem.getAttribute('type') === 'text' && inputElem.getAttribute('placeholder') === 'cat photo URL'); - text: Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo testString: assert($("form").attr("action") === "https://freecatphotoapp.com/submit-cat-photo"); - text: Your form element should have well-formed open and close tags. @@ -76,9 +78,9 @@ tests:

CatPhotoApp

Click here to view more cat photos.

- + A cute orange cat lying on its back. - +

Things cats love: