Условие javascript

287

19 октября 2017, 12:10

хочу написать условие: если время больше 10 и нажата кнопка class="btn-order" ,вывести сообщение. Как правильно написать второе условие(если нажата кнопка class="btn-order") ? пытаюсь так

  var time = offset.getHours();
    var klik = $(".btn-order").click();
    if(time>10 && klik ){
    alert("успех")
    }

Answer 1

var btn = document.querySelector(".btn-order");
btn.addEventListener("click", function() {
    if (time > 10) {
        alert("Успех");
    }
}, false);

Что происходит: навешиваем обработчик события click на элемент с классом btn-order, при клике проверяем время, и, если оно больше 10, выводим alert'ом "Успех".

Из комментариев - "как убрать обработчик после того, как он выполнился?".

Тут есть 2 основных варианта:

В качестве 3 аргумента addEventListener передать объект, содержащий once: true, например:
```
btn.addEventListener("click", function() {
    if (time > 10) {
        alert("Успех");
  }
}, {once: true});
```
Минус - работает только в относительно современных браузерах.

Удалить обработчик события:

btn.addEventListener("click", function checkTimeAndAlert() {
    if (time > 10) {
        alert("Успех");
    }
    this.removeEventListener("click", checkTimeAndAlert);
}, false);