Перейти до головного вмісту
Інформатика - ДистОсвіта
  • На головну
  • Більше
Закрити
Переключити введення пошуку
Українська ‎(uk)‎
English ‎(en)‎ Українська ‎(uk)‎
Наразі ви використовуєте гостьовий доступ
Увійти
Інформатика - ДистОсвіта
На головну
Діяльності курсу
Завдання Ресурси Тести Форуми
  1. Веб
  2. Основи веб-програмування мовою JavaScript (+jQuery)
  3. 💻 Вправа "Невловима"

💻 Вправа "Невловима"

Умови завершення

Дослідіть роботу коду:

<button onmouseover="catchme()" id="b"> Catch Me If You Can </button>


function catchme() {

  var x = Math.random() * 500;

  var y = Math.random() * 500;

  document.getElementById("b").style.top = x + "px";

  document.getElementById("b").style.left = y + "px";

}


Розмістіть на вебсторінці зображення. При наведенні мишки відбувається його збільшення, а при відведенні - зменшення. Скористайтесь ідеями з коду вище, а також довідкою про події: https://w3schoolsua.github.io/js/js_events.html

◄ 💻 Вправа "Підказка"
💻 Вправа "Бариста" ►
Зверніться до служби підтримки сайту
Наразі ви використовуєте гостьовий доступ (Увійти)
Підсумок збереження даних
Завантажте мобільний додаток
На основі Moodle

Оксана Пасічник CC BY-NC-SA