26 - Referencia del objeto que generó el evento (this)



Problema:Disponer 3 botones con las etiquetas 1,2 y 3. Luego cada vez que se presione alguno de los botones concatenar el contenido de la etiqueta y mostrarlo en 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">Valor:</h1>
    <input type="button" name="boton1" value="1" onclick="concatenar(this)">
    <input type="button" name="boton2" value="2" onclick="concatenar(this)">
    <input type="button" name="boton3" value="3" onclick="concatenar(this)">
    <script src="funciones.js"></script>
</body>

</html>
function concatenar(objeto) {
    let ref = document.getElementById('titulo')
    ref.innerText += objeto.value
}
Ver solución


Retornar