Как получить значение в функцию через input?

Функция работает корректно, если задаю сразу числовое значение без считывания его из инпута.

const out = document.querySelector('.out');
const button = document.querySelector('button');

const a = [1, 2, 3, 4, 5];
let y = document.querySelector('input').value;

function myFunction(ar, item) {
    ar = a;
    item = y;
    for (let i = 0; i < ar.length; i++) {
        if (ar[i] === item) {
            return out.innerHTML += i;
        }

    }
}

button.addEventListener('click', myFunction);

<body>
    <button>GO!</button>
    <input id='input'>
    <div class="out"></div>
    <script src="js/script.js"></script>
</body>
  • Вопрос задан
  • 149 просмотров
Пригласить эксперта
Ответы на вопрос 1
Seasle
@Seasle Куратор тега JavaScript
Получайте значение в момент вызова функции. Ну и надо бы разобраться с аргументами функций.
const out = document.querySelector('.out');
const button = document.querySelector('button');

const a = [1, 2, 3, 4, 5];
- let y = document.querySelector('input').value;
+ const y = document.querySelector('input');

- function myFunction(ar, item) {
+ function myFunction() {
-     ar = a;
-     item = y;
+     const item = y.value;
-     for (let i = 0; i < ar.length; i++) {
+     for (let i = 0; i < a.length; i++) {
-         if (ar[i] === item) {
+         if (a[i] === item)
-             return out.innerHTML += i;
+             out.innerHTML += i;
        }
    }
}

button.addEventListener('click', myFunction);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы