Как увеличить значение элемента при касании связанного с ним объекта?

02 апреля 2022, 09:00

Нужно создать квадрат, в нем находится 0. Задача - при нажатии на квадрат увеличить значение 0 на 1. Как это сделать?

Answer 1

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 и присваивает ему новое значение увеличенное на единицу.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JavaScript scrolllock

Нужен скрипт по фризу скроллаЧеловек скролит, попадает на блок, смотрит 5 слайдов блока, фриз уходит

115

javascript

Как смапить адреса фронта и бэка?

Есть фронт на реакте, который шлет запросы на адрес localhost:9000/api + адрес apiИ есть бэк на flask, который работает на адресе localhost:3000

118

javascript

Зачем нужны поля класса в js?

Разбираюсь с классами в js и возник вопросКогда мы создаем объект класса, вызывается конструктор класса и происходит инициализация свойств...

191

Запрос для поиска элементов

Надо при нажатых кнопках отображать определенные элементы из базыВот пример кода:

114