Створіть новий проект у вашій улюбленій розробці програмного забезпечення.
Додайте на сторінку кнопку за допомогою HTML-тегу :
Додайте скрипт JavaScript, який змінить розміри кнопки на 40x30 пікселів при кліку на неї і змінить текст на назву вашого міста:
Збережіть ваш проект у папці з іменем "Завдання 5.3.1".
Запустіть ваш проект і перевірте, що кнопка змінює розміри та текст при кліку.
Готово! Ваш проект тепер готовий і збережений у відповідній папці.
Створіть новий проект у вашій улюбленій розробці програмного забезпечення.
Додайте на сторінку кнопку за допомогою HTML-тегу :
<button id="cityButton">Click me!</button>Додайте скрипт JavaScript, який змінить розміри кнопки на 40x30 пікселів при кліку на неї і змінить текст на назву вашого міста:
document.getElementById("cityButton").addEventListener("click", function() {this.style.width = "40px";
this.style.height = "30px";
this.innerHTML = "Назва вашого міста";
});
Збережіть ваш проект у папці з іменем "Завдання 5.3.1".
Запустіть ваш проект і перевірте, що кнопка змінює розміри та текст при кліку.
Готово! Ваш проект тепер готовий і збережений у відповідній папці.