fix: description and hint of Learn Accessibility by Building a Quiz - Step 41 (#49547)

* Update in description 

1) Changed description to " Do not forget to give your form a submit button with the text "Send". "
2) Added word "button" in the hint


Replaced "submit" with "submit button".

* Changed "Send" to `Send`
This commit is contained in:
Swapnil Thatte
2023-03-01 22:33:45 +05:30
committed by GitHub
parent 39c975ce15
commit 40df14cd16
@@ -7,7 +7,7 @@ dashedName: step-41
# --description--
Do not forget to give your `form` a submit button.
Do not forget to give your `form` a submit button with the text `Send`.
# --hints--
@@ -17,25 +17,25 @@ You should add either a `button` or `input` element.
assert.exists(document.querySelector('button') || document.querySelector('main > input') || document.querySelector('form > input'));
```
You should place the submit within the `form` element.
You should place the submit button within the `form` element.
```js
assert.exists(document.querySelector('form > button') || document.querySelector('form > input'));
```
You should place the submit after the last `section` element.
You should place the submit button after the last `section` element.
```js
assert.exists(document.querySelector('section:last-of-type + button') || document.querySelector('section:last-of-type + input'));
```
You should give the submit a `type` of `submit`.
You should give the submit button a `type` of `submit`.
```js
assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]'));
```
The submit should display the text `Send`.
The submit button should display the text `Send`.
```js
assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send');