Rozdział 3 · Zadanie 5

Odczytujemy pole formularza

Pobieramy to, co użytkownik wpisał w polu — atrybut .value.

Zadanie

Dodaj w <body>:

script-demo.html

<input type="text" id="nameInput" placeholder="Wpisz imię">
<button onclick="greet()">Przywitaj</button>
<p id="greeting"></p>

A w script

Dodaj funkcję:

script-demo.html

function greet() {
  let userName = document.getElementById("nameInput").value;
  document.getElementById("greeting").innerText = "Cześć, " + userName + "!";
}

Jak to czytać

.value pobiera to, co użytkownik wpisał w polu. Pojawia się tu function greet() { ... } — o funkcjach dokładniej w zadaniu 8, na razie po prostu skorzystaj.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska