0

У меня такая проблема:
Задано условие, что если число, вводимое пользователем будет меньше 18, то картинка должна скрываться, если больше или равно 18, то должно показываться снова. Но проблема в том, что я ввел число, все работает, но в последующие разы ввода числа, количество prompt увеличивается на 1, т.е приходится отвечать по несколько раз.

В чем причина этого явления?

function hide() {
  var img = document.getElementById('HS');
  addEventListener("click", function() {
    var age = prompt("Укажите возраст: ");
    if (age < 18) {
      img.style.visibility = "hidden";
    } else if (age >= 18) {
      img.style.visibility = "visible";
    }
  });
}
<button id="btn" onclick="hide()">Клик</button> <img style="width: 30px" src="https://i.pinimg.com/originals/3a/49/c1/3a49c13b207c20bdf1fac243a9a8bc6b.png" alt="Error!" id="HS">

1

1 ответ 1

0

У вас стоит вызов функции при клике onclick="hide()" . А в функции делаете так addEventListener("click", function() {.... При клике вы уже вызвали функцию

function hide() {
  var img = document.getElementById('HS');
  var age = prompt("Укажите возраст: ");
  if (age < 18) {
    img.style.visibility = "hidden";
  } else if (age >= 18) {
    img.style.visibility = "visible";
  }

}
<button id="btn" onclick="hide()">Клик</button> <img style="width: 30px" src="https://i.pinimg.com/originals/3a/49/c1/3a49c13b207c20bdf1fac243a9a8bc6b.png" alt="Error!" id="HS">

2
  • Спасибо, все работает, еще один вопрос: как сделать так, чтобы когда картинка пропала, нужно просто нажать на кнопку и она появится, а не снова вводить число?
    – PanHegoWan
    16 июл 2022 в 10:09
  • 1
    @PanHegoWan пожалуйста 16 июл 2022 в 10:13

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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