---
id: 5ef9b03c81a63668521804da
title: Part 41
challengeType: 0
dashedName: part-41
---
# --description--
Use the `button` element to create a clickable button. For example, `` creates a button with the text `Click Here`.
Add a `button` element with the text `Submit` below the `input` element. Note the default behavior of clicking a form button with any attributes submits the form to the location specified in the form's `action` attribute.
# --hints--
Your `button` element should have an opening tag. Opening tags have this syntax: ``.
```js
assert(document.querySelector('button'));
```
Your `button` element should have a closing tag. Closing tags have a `/` just after the `<` character.
```js
assert(code.match(/<\/button\>/));
```
Your `button` element's text should be 'Submit'. You have either omitted the text or have a typo.
```js
assert(document.querySelector('button').innerText.toLowerCase() === 'submit');
```
Your `button` element should be below the `input` element. You have them in the wrong order.
```js
const collection = [...document.querySelectorAll('input, button')].map(
(node) => node.nodeName
);
assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
```
# --seed--
## --seed-contents--
```html