прилагается событие слушателя не работает

Question

Я очень новичок в javascript и пытается подключить анонимную функцию к прослушивателю событий. Что делает эта функция, так это то, что при наведении первого элемента сообщение будет отображаться во втором элементе в зависимости от длины текста в первом элементе.

Однако, когда я наводил указатель мыши на первый элемент, ничего не происходит. Поскольку я новичок в JavaScript, я не уверен, что я сделал неправильно.

function checkLength(event, minLength){ 
 
     var el, elementTwo; 
 
     el = event.target; 
 
     elementTwo = el.nextSibling; 
 
     
 
     if(el.value.length < minLength){ 
 
      elementTwo.innerHTML = "not enough"; 
 
     } else { 
 
      elementTwo.innerHTML = "enough"; 
 
     } 
 
    } 
 
    
 
    var elUserName = document.getElementById("one"); 
 
    elUserName.addEventListener("mouseover", function(event){ 
 
     checkLength(event, 5); 
 
    }, false);

<div> 
 
     <div id="one">Bob</div> 
 
     <div id="two"></div> 
 
    </div>

Answer 1

Чтобы получить доступ к text элемента вы используете textContent. value - для входов.

Кроме того, вам необходимо выбрать следующий элемент - родственный брат, а не только следующий узел.

function checkLength(event, minLength){ 
 
     var el, elementTwo; 
 
     el = event.target; 
 
     elementTwo = el.nextElementSibling; 
 
     
 
     if(el.textContent.length < minLength){ 
 
      elementTwo.innerHTML = "not enough"; 
 
     } else { 
 
      elementTwo.innerHTML = "enough"; 
 
     } 
 
    } 
 
    
 
    var elUserName = document.getElementById("one"); 
 
    elUserName.addEventListener("mouseover", function(event){ 
 
     checkLength(event, 5); 
 
    }, false);

<div> 
 
     <div id="one">Bob</div> 
 
     <div id="two"></div> 
 
    </div>