Tengo el siguiente código para html:
<label for="">Input</label> <input type="text" name="" id="input_01" placeholder="Enter some text"> <label for="">Output</label> <input type="text" name="" id="ouput_01"> <script> var input_01 = document.getElementById("input_01") var output_01 = document.getElementById("output_01") input_01.addEventListener('keyup',function(){ output_01.value = input_01.value }) </script>Quiero mostrar el valor de entrada como la salida. Sin embargo, descubrí que el comando "output_01.value = input_01.value" no funciona y no se muestra nada. No sé por qué y no sé cómo resolver este problema. ¿Cómo puedo mostrar el contenido de una entrada en 'ouput_01'? Gracias.
asegúrese de no tener errores tipográficos en su código.
cambiar de
<input type="text" name="" id="ouput_01">a
<input type="text" name="" id="output_01">su ID de salida de etiqueta INPUT no coincide con el de su DOM de javascript y este valor de salida_01 = entrada_01.valor es incorrecto, en su lugar, debe agregar un evento a su parámetro de función en su Oyente de eventos y luego asignar su evento.objetivo.valor a su salida valor DOM
<label for="">Input</label> <input type="text" name="" id="input_01" placeholder="Enter some text"> <label for="">Output</label> <input type="text" name="" id="output_01"> <script> var input_01 = document.getElementById("input_01") var output_01 = document.getElementById("output_01") input_01.addEventListener('keyup', function(event) { output_01.value = event.target.value }) </script>