36 - Referencia del objeto que generó el evento (DOM)



Problema:Disponer dos botones. Cambiar el color del botón luego que a sido presionado (pintarlos de color rojo)
<!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) {
    e.target.style.background = '#ff0000'
}
Ver solución


Retornar