36 - Referencia del objeto que generó el evento (DOM)
Problema:
Disponer dos botones, al ser presionados mostrar las propiedades id,name y value 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> <h1 id="titulo">Datos del objeto que emite el evento.</h1> <input type="button" name="boton1" value="boton 1" id="b1"> <input type="button" name="boton2" value="boton 2" id="b2"> <script src="funciones.js"></script> </body> </html>
document.getElementById('b1').addEventListener('click', presionBoton) document.getElementById('b2').addEventListener('click', presionBoton) function presionBoton(e) { let boton = e.target document.getElementById('titulo').innerText = `'Name:' ${boton.name} 'Id:' ${boton.id} 'Value:' ${boton.value}` }
No tiene disponible el navegador la capacidad de iframe
Retornar