Estoy haciendo mi sitio web y tengo mis botones de encabezado que no harán nada. Los principales problemas están en las líneas 12 a 15. Aquí está el código:
<!DOCTYPE html> <html> <head> <script src="https://kit.fontawesome.com/6feb1dab38.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="resources/css/stylesheet.css"> <title>Home</title> </head> <header> </header> <body> <div class="context"> <button class="headerButton" type="button">About Me</button> <button class="headerButton" type="button">Links</button> <button class="headerButton" type="button" onclick="window.location.href='Clicked/Works'; console.log('it worked')">Works</button> <br> <script src="resources/js/app.js"></script> </div> <div class="area" > <ul class="circles"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div > <script src="resources/js/app.js"></script> </body> </html>
Creo que tiene algo que ver con que los botones estén dentro del contexto. Por favor, hágamelo saber cualquier respuesta que pueda tener.
Está asignando un valor a location.href
, lo que hace que la página se redirija.
Cambia tu botón a:
<button class="headerButton" type="button" onclick="console.log('it worked')">Works</button>
No está muy claro lo que está tratando de lograr. Si desea conectar un controlador de eventos al botón, debe escribir lo siguiente en su código js:
HTML:
<button id="my-button"> CLICK ME! </button>
JS:
const button = document.querySelector('#my-button'); button.addEventListener('click', () => { button.innerHTML = 'YOU CLICKED ME!'; // ... or perform whatever action you would like... })
Aquí hay un código de ejemplo de esto: