34 - Evento click (DOM)
Problema:
Confeccionar un programa que muestre dos botones y luego al ser presionado aparezca un alert con la etiqueta del botón presionado.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <input type="button" value="Botón 1" id="b1"> <input type="button" value="Botón 2" id="b2"> <script src="funciones.js "></script> </body> </html>
let boton1 = document.getElementById('b1') boton1.addEventListener('click', () => { let boton1 = document.getElementById('b1') alert(boton1.getAttribute('value')) }) let boton2 = document.getElementById('b2') boton2.addEventListener('click', () => { let boton2 = document.getElementById('b2') alert(boton2.getAttribute('value')) })
No tiene disponible el navegador la capacidad de iframe
Retornar