Estoy tratando de agregar un script a mi archivo HTML que cambia la opacidad de un div cuando se hace clic en un botón.
Esencialmente, lo que estoy tratando de lograr es que el div que actualmente está configurado en 0 opacidad, cambiará a 1 opacidad al hacer clic en el botón. Actualmente esto no funciona, y soy relativamente nuevo en la incorporación de JS en un archivo HTML. Algún consejo sería de gran aprecio.
Aquí hay un ejemplo simple usando JavaScript incrustado en HTML. Asegúrese de estar utilizando un detector de eventos que escuche el clic de su botón.
<!DOCTYPE html> <html> <head> <title>About Me</title> </head> <body> <h1 style="opacity: 0;">About Me</h1> <button> Show </button> <script> var button = document.querySelector('button'); button.addEventListener('click', function() { var h1 = document.querySelector('h1'); h1.style.opacity = 1; }); </script> </body> </html>