Как правильно перебрать массив?

Question

[MRcracker]

Задачка следующая. Есть массив и поле. Массив нужно перебрать (для перебора использую indexOf) и если число, которое указано в поле соответствует числу в массиве, то вывести его индекс в out, а если не соответствует, то оставить все без изменений.

Подскажите, где я ошибся?

<input type="text" class="i">
<button class="b">Click</button>
<div class="out-1 ">

let a = [1, 2, 4, 6, 15, 918];

let b = document.querySelector('.b');
	let input = document.querySelector('.i').value;
	let out = document.querySelector('.out-1');
	b.onclick = () => {
		if (a.indexOf(input) != -1) {
			out.innerHTML = input;
		}
	}

Comments

[Ярослав Иванов]

Перенести
let input = document.querySelector('.i').value
Внутрь b.onclick

[krka92]

Ярослав Иванов, для чего?

[Ярослав Иванов]

krka92, для того

Answer 1

[Тигран Абрамян]

начнем с того, что значение инпута является строкой а не цифрой, поэтому сначала преобразуйте его в число, во вторых не берите напрямую значение инпута
let input = document.querySelector('.i').value;
а тогда когда вам это нужно

let a = [1, 2, 4, 6, 15, 918];

let b = document.querySelector('.b');
let input = document.querySelector('.i');
let out = document.querySelector('.out-1');

b.onclick = () => {
  if (a.indexOf(+input.value) != -1) {
    out.innerHTML = input.value;
  }
}

Answer 2

[Ярослав Иванов]

let a = [1, 2, 4, 6, 15, 918];

let b = document.querySelector('.b');
let input = document.querySelector('.i');
let out = document.querySelector('.out-1');
b.onclick = () => {
  if (a.indexOf(Number(input.value)) != -1) {
    out.innerHTML = input;
  }
}