--- id: 5ef9b03c81a63668521804da title: Step 41 challengeType: 0 dashedName: step-41 --- # --description-- Utilizza l'elemento `button` per creare un pulsante su cui poter cliccare. Ad esempio, `` crea un pulsante con il testo `Click Here`. Aggiungi un elemento `button` con il testo `Submit` sotto l'elemento `input`. In seguito a un click su un pulsante modulo senza alcun attributo, il modulo viene inviato di default alla posizione specificata nell'attributo `action` del modulo. # --hints-- L'elemento `button` dovrebbe avere un tag di apertura. I tag di apertura hanno questa sintassi: ``. ```js assert(document.querySelector('button')); ``` L'elemento `button` dovrebbe avere un tag di chiusura. I tag di chiusura hanno un carattere `/` subito dopo il carattere `<`. ```js assert(code.match(/<\/button\>/)); ``` Il testo dell'elemento `button` dovrebbe essere `Submit`. Hai omesso il testo o hai un refuso. ```js assert(document.querySelector('button').innerText.toLowerCase() === 'submit'); ``` L'elemento `button` dovrebbe essere sotto l'elemento `input`. Sono nell'ordine sbagliato. ```js const collection = [...document.querySelectorAll('input, button')].map( (node) => node.nodeName ); assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON')); ``` # --seed-- ## --seed-contents-- ```html

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate.
Cats love lasagna.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Five cats looking around a field.
Cats hate other cats.

Cat Form

--fcc-editable-region-- --fcc-editable-region--
```