## Tehtävä
Luo HTML-lomake käyttäjäpalautteen keräämistä varten. Pyydä käyttäjiä syöttämään nimensä ja kommenttinsa. Tässä harjoituksessa JavaScript-skripti sisällytetään vain havainnollistamistarkoituksessa. Harjoituksen jälkeen sinun tulisi pystyä syöttämään ja lähettämään palautelomakkeen tiedot, jotka näytetään selainikkunassa.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8X19fX18gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgICAgIDxsYWJlbCBmb3I9Im5hbWUtZmllbGQiPk5hbWU6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJuYW1lLWZpZWxkIiBuYW1lPSJuYW1lIiBwbGFjZWhvbGRlcj0iWW91ciBuYW1lIiByZXF1aXJlZCAvPjxiciAvPgogICAgICA8bGFiZWwgZm9yPSJjb21tZW50cy1maWVsZCI+Q29tbWVudHM6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRleHQiIGlkPSJjb21tZW50cy1maWVsZCIgbmFtZT0iY29tbWVudHMiIHBsYWNlaG9sZGVyPSJZb3VyIGZlZWRiYWNrIiByZXF1aXJlZCAvPjxiciAvPgogICAgICAKICAgICAgPCEtLSBTdGVwIDI6IEFkZCBhIHN1Ym1pdCBidXR0b24gLS0+CiAgICAgIDxfX19fXyB0eXBlPSJfX19fXyI+U3VibWl0PC9fX19fXz4KICAgIDwvX19fX18+CgogICAgPCEtLSBUaGUgc2NyaXB0IGlzIGFkZGVkIG9ubHkgZm9yIHRoZSBkZW1vbnN0cmF0aW9uIHB1cnBvc2UgLS0+CiAgICA8c2NyaXB0IHNyYz0iaW5kZXguanMiPjwvc2NyaXB0PgogIDwvYm9keT4KPC9odG1sPg==

Y29uc3QgZm9ybSA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoImZvcm0iKTsKCmZvcm0uYWRkRXZlbnRMaXN0ZW5lcigic3VibWl0IiwgKGV2ZW50KSA9PiB7CiAgZXZlbnQucHJldmVudERlZmF1bHQoKTsKCiAgLy8gQWNjZXNzaW5nIGZvcm0gaW5wdXQgdmFsdWVzCiAgY29uc3QgbmFtZUlucHV0ID0gZm9ybS5lbGVtZW50c1sibmFtZSJdLnZhbHVlOwogIGNvbnN0IGNvbW1lbnRzSW5wdXQgPSBmb3JtLmVsZW1lbnRzWyJjb21tZW50cyJdLnZhbHVlOwoKICAvLyBEaXNwbGF5aW5nIGZvcm0gaW5wdXQgdmFsdWVzIGluIGFuIGFsZXJ0CiAgYWxlcnQoIk5hbWU6ICIgKyBuYW1lSW5wdXQgKyAiXG5Db21tZW50czogIiArIGNvbW1lbnRzSW5wdXQpOwoKICAvLyBDbGVhcmluZyBmb3JtIGZpZWxkcwogIGZvcm0ucmVzZXQoKTsKfSk7

## Vihje
- Vaihe 1: Luo lomakkeen rakenne käyttämällä `<form>`-tagia.
- Vaihe 2: Lisää `<button>`-elementti, jonka `type="submit"`, jotta palautteen lähettäminen on mahdollista.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPlVzZXIgRmVlZGJhY2sgRm9ybTwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aDE+VXNlciBGZWVkYmFjayBGb3JtPC9oMT4KICAgIAogICAgPCEtLSBTdGVwIDE6IENyZWF0ZSB0aGUgZm9ybSBzdHJ1Y3R1cmUgLS0+CiAgICA8Zm9ybSBvbnN1Ym1pdD0icmV0dXJuIGZhbHNlIj4KICAgICAgPGxhYmVsIGZvcj0ibmFtZS1maWVsZCI+TmFtZTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9Im5hbWUtZmllbGQiIG5hbWU9Im5hbWUiIHBsYWNlaG9sZGVyPSJZb3VyIG5hbWUiIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIDxsYWJlbCBmb3I9ImNvbW1lbnRzLWZpZWxkIj5Db21tZW50czo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvbW1lbnRzLWZpZWxkIiBuYW1lPSJjb21tZW50cyIgcGxhY2Vob2xkZXI9IllvdXIgZmVlZGJhY2siIHJlcXVpcmVkIC8+PGJyIC8+CiAgICAgIAogICAgICA8IS0tIFN0ZXAgMjogQWRkIGEgc3VibWl0IGJ1dHRvbiAtLT4KICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgogICAgPC9mb3JtPgoKICAgIDwhLS0gVGhlIHNjcmlwdCBpcyBhZGRlZCBvbmx5IGZvciB0aGUgZGVtb25zdHJhdGlvbiBwdXJwb3NlIC0tPgogICAgPHNjcmlwdCBzcmM9ImluZGV4LmpzIj48L3NjcmlwdD4KICA8L2JvZHk+CjwvaHRtbD4=

Rakenna jäsenneltyjä verkkosivuja HTML:n avulla. Luo tekstisisältöä, linkkejä, luetteloita, kuvia, taulukoita ja lomakkeita sekä järjestä kaikki semanttisilla elementeillä kokonaiseksi sivuksi.

Haaste: Rakenna Verkkolomake

Tehtävä

Vihje