1

Как при клике на счетчик увеличивать число кликов?

button {
  padding: 20px;
  font-size: 20px;
  border: 1px solid red;
  color: red;
}
<button id="click">Кликов: 0</button>

2 ответа 2

5

button:before {
  content: 'Кликов: '
}
<button onclick="this.innerHTML++">0</button>

3
  • то же самое будет с addEventListener, а чем не угодил onclick? =) 25 фев 2020 в 9:23
  • @ЛёхаБунин а аргументация какая? 25 фев 2020 в 9:25
  • 2
    @ЛёхаБунин все верно, есть всякие mvc и так далее, каждому свое, у инлайн атрибутов есть одно приемущество - если вы вручную манипулируете dom, такие слушатели не слетают при изменении innerHTML, а так все зависит от контекста, для генерируемых элементов часто удобнее сделать инлайн атрибут, чем заморачиваться с навешиванием функций 25 фев 2020 в 9:31
1

var button = document.getElementById("click"),
  count = 0;
button.onclick = function() {
  count += 1;
  button.innerHTML = "Кликов: " + count;
};
button {
  padding: 20px;
  font-size: 20px;
  border: 1px solid red;
  color: red;
}
<button id="click">Кликов: 0</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.