Это мой код:

setInterval(function(){
  
  let fklas = document.createElement("input"); 
  fklas.setAttribute('type', 'text');
  
  let randomX = 10
  let randomY = 10
  
  fklas.style.top= randomX + "%"
  fklas.style.left= randomY + "%"
  document.body.append(fklas);
 },100)
  
  
function mouseOver() {
	console.log(this.id);
    this.parentNode.removeChild(this);
}
var list = document.getElementsByTagName("input");
for (var i = 0; i < list.length; ++i) {
    list[i].addEventListener("mouseover", mouseOver);
}

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

Любовь.

0
Elena1a1a

1 ответ

Вы должны добавить его к каждому сгенерированному элементу.

setInterval(function() {
  let fklas = document.createElement("input");
  fklas.setAttribute('type', 'text');

  let randomX = 10
  let randomY = 10

  fklas.style.top = randomX + "%"
  fklas.style.left = randomY + "%"
  fklas.addEventListener("mouseover", mouseOver) // <-----
  document.body.append(fklas);
}, 100)


function mouseOver() {
  console.log(this.id);
  this.parentNode.removeChild(this);
}

// <-- there are no element generated at this point so your for loop is effectively no-op

* Я опускаю часть стиля, потому что это другой вопрос.

58600615