Как сделать что бы появлялось фото если значение input равно определенному слову?

Question

Я новичок и хотел бы узнать, как сделать так чтобы когда пользователь вводил секретное слово в окно ввода данных и нажимал на кнопку OK, то на сайте появлялось фото.

Answer 1

Пример, от которого можно оттолкнуться:

const img = document.querySelector("img")
const input = document.querySelector("input")
const button = document.querySelector("button")

const secret = "секрет"

const handleClick = () => {
  const value = input.value.trim()
  if (!value) {
    console.log("введите слово")
    return
  }  
  if (value === secret) {
    img.classList.toggle("hide")
  } else {
    console.log("неугадали, попробуте еще раз")
  }
}

button.addEventListener("click", handleClick)

img {
  display: block;
}

.hide {
  display: none;
}

<input />
<button>OK</button>
<img class="hide" src="https://picsum.photos/200" />

БЛОГ НА HUSL

Как сделать что бы появлялось фото если значение input равно определенному слову?

Ответы (1 шт):