функция закрытия показывает переменную внешней функции

98
13

Привет, я экспериментирую с закрытием, но не мог понять, как распечатать "10 нравится", прежде чем нажимать на изображение? Есть ли кто-нибудь, кто может мне помочь мне с этим?

var clickCount = (function() {
var clickCounter = 10; //start from 10 likes
return function() {
var amountOfLikes = document.getElementById("counter");
amountOfLikes.innerHTML = clickCounter + " likes"; //increment the likes
clickCounter++;
}
})();
  <img src="http://image.flaticon.com/icons/png/128/148/148836.png" id="like_button" alt="like-button" onclick="clickCount()"/><span id="counter"></span>

спросил(а) 2021-01-28T00:58:59+03:00 3 месяца, 1 неделя назад
1
Решение
107

Несколько советов:

Никогда не смешивайте разметку с javascript Попробуйте обрабатывать события в javascript Вы не нуждаетесь в закрытии для этого. Вы можете установить 10 Likes на разметку и просто onclick продолжать увеличивать значение

window.onload = function() {
document.getElementById("counter").addEventListener('click', clickCount);
}

function clickCount() {
var amountOfLikes = document.getElementById("counter");
var likes = parseInt(amountOfLikes.innerHTML, 0);
amountOfLikes.innerHTML = likes + 1;
}

<img src="http://image.flaticon.com/icons/png/128/148/148836.png" id="like_button" alt="like-button" onclick="clickCount()"/><span id="counter">10 </span> likes

Надеюсь это поможет

ответил(а) 2021-01-28T00:58:59+03:00 3 месяца, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема