Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 59 из 70 · 8 мин
Как HTML связан со скриптами: атрибуты событий, id и data-*, почему addEventListener лучше onclick.
Хочу сердечко под каждым товаром и счётчик лайков!
Логика — на JavaScript. Твоя задача — разметка, с которой скрипту удобно.
button.addEventListener("click", …).onclick — устаревший стиль.<button id="like" type="button">♥ 12</button>on* атрибутыonclick, oninput, onsubmit, onload… — обработчик прямо в атрибуте.addEventListener.data-* → datasetdata-price читается как el.dataset.price.<li data-price="290">Пенал</li>id · classНужно сердечко под товаром. Подготовь разметку, с которой скрипту будет удобно работать: кнопке — id="like" и type="button", счётчику — data-count="0", а обработчик клика подключи атрибутом onclick.
id="like" с type="button" — пока нетdata-count="0" — пока нетonclick — пока нетВыберите один ответ.
Как в современном коде подписаться на клик по кнопке?
Выберите один ответ.
Как скрипт прочитает значение атрибута data-price у элемента el?
Проверяем состояние обучения…