• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

122
Vistas
El botón HTML no hace nada cuando se hace clic

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.

almost 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

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>

almost 3 years ago · Juan Pablo Isaza Denunciar

0

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:

https://stackblitz.com/edit/js-kt8cab?file=index.js

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda