Как увеличить значение элемента при касании связанного с ним объекта?
159
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 и присваивает ему новое значение увеличенное на единицу.
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50087 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31918 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26047 visits
- Как через css изменить цвет png изображения? 11736 visits
- Blob video url download 11284 visits
- Php curl запрос через прокси с авторизацией 10687 visits
- Работа с captcha vk api 9486 visits
© "hostciti.net" 31.1.2026 | 01:59