Проверка массива через input с выводом на экран js

Question

Мне нужно реализовать такую штуку: В поле input вставляются цифры. После нажатия кнопки или Enter необходимо произвести проверку в массиве. Если в массиве есть сходство, то в другое поле выводится слово "Найден", если сходство не найдено, то "Не найден".

Подскажите, пожалуйста, где почитать или как это реализовать для IE11?

У меня есть код:

<input type="text" id="test">

 jQuery('#test').on('input', function(){
   let arr = ['test text', 'qwe', 'abcd'];
   if (jQuery.inArray(this.value,arr) > -1){
     console.log('такой элемент есть');
   } else{
     console.log('нет элемента');
   }
 });

Но я не пойму как вывести значение не в консоль, а в какой-нибудь div Спасибо!

Answer 1

Чтобы что то выводить куда то, нужно сначала создать для этого элемент, например span. Далее чтобы явно указать куда выводить, обратись к этому элементу как посоветовал @Igor $('some div selector').text('такой элемент есть'), только вместо 'some div selector' укажи span или же обратись по id через #. Учи сначала ванильный JS, а JQuery приложится.

  $('#test').on('input', function(){
    let arr = ['test text', 'qwe', 'abcd'];
    if (arr.indexOf(this.value) > -1){
      $('#result').text('такой элемент есть');
    } else{
      $('#result').text('нет элемента');
    }
  });

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <input type="text" id="test">
  <span id="result"></span>

БЛОГ НА HUSL

Проверка массива через input с выводом на экран js

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