Keyup events (DOM)

Question

Keyup events (DOM)

Navigation

#1 by (4 votes)

3

The goal is that when writing something in the input, it is also written in the paragraph using onkeyUp. However it does not work

window.addEventListener('load', iniciar, false);

function iniciar() {
  var titulo = document.getElementById('texto').value;
  titulo.addEventListener('onKeyUp', nuevotitulo, false);
}

function nuevotitulo(e) {
  document.getElementById('textonuevo').innerHTML = titulo;
}

<body>
  <input type="text" id="texto">
  <br>
  <p id="textonuevo">
  </p>
</body>

javascript

asked by Vendetta 09.08.2017 в 17:09

source

1 answer

Error: uninitialized local variable 'x' used Request records that match a time interval in MySQL

score 4 · Accepted Answer

First of all, the event must be attacked at input no at value of input

Second, the event is called keyup no onKeyUp

window.addEventListener('load', iniciar, false);

function iniciar() {
  document.getElementById('texto').addEventListener('keyup', nuevotitulo, false);
}

function nuevotitulo() {
  document.getElementById('textonuevo').innerHTML = document.getElementById('texto').value;
}

<body>
  <input type="text" id="texto">
  <br>
  <p id="textonuevo">
  </p>
</body>