Js6 помогите с дз

Question

Js6 помогите с дз

Вова Спесивцив Ученик (229), на голосовании 1 год назад

1. На странице есть текстовая строка, содержащая счётчик, и две кнопки - «Увеличить» и «Уменьшить». По нажатию на соответствующую кнопку значение счётчика должно изменяться в большую или меньшую сторону

Answer 1

Для реализации такого функционала вам потребуется HTML, CSS и JavaScript. Вот пример кода:

HTML:

JavaScript:

 // Получаем элементы DOM для счётчика и кнопок 
const counterElement = document.getElementById('counter'); 
const increaseButton = document.getElementById('increase'); 
const decreaseButton = document.getElementById('decrease'); 
 
// Устанавливаем начальное значение счётчика 
let counterValue = 0; 
 
// Функция для увеличения счётчика 
function increaseCounter() { 
  counterValue++; 
  counterElement.innerText = counterValue; 
} 
 
// Функция для уменьшения счётчика 
function decreaseCounter() { 
  counterValue--; 
  counterElement.innerText = counterValue; 
} 
 
// Назначаем обработчики событий клика на кнопки 
increaseButton.addEventListener('click', increaseCounter); 
decreaseButton.addEventListener('click', decreaseCounter);

Теперь код будет корректно работать. Убедитесь, что скопировали код JavaScript внутрь тега <script> в HTML-файле перед закрывающим тегом </body>. После этого откройте HTML-файл в браузере и проверьте работоспособность счётчика.

Мой канал по Web программированию