Estoy tratando de agregar un detector de eventos a 2 objetos, pero solo hago que funcione con 1. Hay 2 entradas de texto que deberían ejecutar 4 funciones en la entrada. El primero es mi código de elemento único de trabajo. Hay muchos temas que ya cubren este problema y tienen muchas respuestas, pero no puedo resolverlo. A continuación he copiado algunas de las respuestas que probé.

 //code 1 document.querySelector("#textinput1").addEventListener("input", function WriteText () { document.getElementById("displaytext").innerHTML = document.getElementById("textinput1").value; });

 //Answer 1 /// In both answer 1 and 2 I have put my Function() insides into the eventlistener function/// let elementsArray = document.querySelectorAll("#textinput1, #textinput2"); elementsArray.forEach(function(elem) { elem.addEventListener("input", function() { document.getElementById("displaytext").innerHTML = document.getElementById("textinput1").value; }); });

 //Answer2 // Tried it like this and putting the document.querryselector lines of both textinput directly between the [] var Element1 = document.querySelector("#textinput1") var Element2 = document.querySelector("#textinput2") [Element1, Element2].forEach(function(element) { element.addEventListener("input", function() { document.getElementById("displaytext").innerHTML = document.getElementById("textinput1").value; }); });