Розділ 3 · Завдання 5

Читаємо поле вводу

Дістаємо те, що користувач написав у полі — атрибут .value.

Завдання

Додай у <body>:

script-demo.html

<input type="text" id="nameInput" placeholder="Введи ім'я">
<button onclick="greet()">Привітати</button>
<p id="greeting"></p>

І в script

Додай функцію:

script-demo.html

function greet() {
  let userName = document.getElementById("nameInput").value;
  document.getElementById("greeting").innerText = "Привіт, " + userName + "!";
}

Як це читати

.value дістає те, що користувач написав у полі. Тут з'являється function greet() { ... } — про функції докладніше в завданні 8, поки просто скористайся.

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща