Obtuve esta etiqueta h1 que quiero cambiar al hacer clic en un botón.
Lo quiero para que cuando haga clic en un botón, una etiqueta h1 cambie a otra cosa, como "plátanos" o algo así. ¿Cómo podría usar un evento onclick para cambiarlo?
Puede usar ( addEventListener ) con (clic) evento para escuchar en el botón de clic usando el código javascript. Espero que sea claro y útil, ¡Gracias!.
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <!-- My Heading --> <h1 id="MyHeading">This is a Heading</h1> <!-- My Button --> <button id="MyButton">Click Me!</button> </body> </html> <script> //Select button by id const MyButton = document.getElementById('MyButton'); //Add on click listener for button MyButton.addEventListener('click', function() { //Select (h1) heading by id, and then change it's value to (bananas) document.getElementById('MyHeading').innerText = "bananas" }) </script>