Как увеличить значение элемента при касании связанного с ним объекта?
Нужно создать квадрат, в нем находится 0. Задача - при нажатии на квадрат увеличить значение 0 на 1. Как это сделать?
Ответы (1 шт):
Автор решения: Dimabytes
→ Ссылка
document.getElementById("square").addEventListener("click", function() {
this.innerHTML = parseInt(this.innerHTML) + 1
})#square{
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
color: white;
background: red
}<div id="square">0</div>Мы берем элемент "square" по id с помощью document.getElementById, потом "вешаем" на него EventListener на клик. Как только происходит клик выполняется функция:
function() {
this.innerHTML = parseInt(this.innerHTML) + 1
}
Которая берет innerHtml через this у объекта на котором висит eventListener через this и присваивает ему новое значение увеличенное на единицу.