Estoy tomando JS por mi cuenta. Este esfuerzo me expone a varias formas de lograr lo mismo en JS. En particular, me pregunto sobre la corrección de las siguientes formas de trabajar con el DOM.
Tengo una página html simple
<body> <h1 class="red">I am red</h1> <h2 class="blue">I am blue</h2> <h3 class="yellow">I am yellow</h3> <script src="app.js"></script> </body>Aquí, estoy tratando de cambiar el color de los elementos html con un evento de clic.
document.body.addEventListener("click", function (event) { if (!(event.target === document.body)) { event.target.style.color = event.target.classList; } }); Array.from(document.body.children).forEach((child) => { child.addEventListener("click", function () { this.style.color = this.classList; }); });