45 - Evento change (DOM)
Problema:
Confeccionar una página que contenga dos text y un select, mostrar en una ventana alert el objeto que emite el evento change.
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> <form action="#"> <p>Nombre:<input type="text" id="nombre" name="nombre"></p> <p>Apellido:<input type="text" id="apellido" name="apellido"></p> <p>Cantidad de hijos:<select id="hijos"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select></p> <p><input type="submit" value="confirmar"></p> </form> <script src="funciones.js"></script> </body> </html>
document.getElementById('nombre').addEventListener('change', modificarControl) document.getElementById('apellido').addEventListener('change', modificarControl) document.getElementById('hijos').addEventListener('change', modificarControl) function modificarControl(e) { let ob = e.target alert('Se modificó el control:' + ob.getAttribute('id')) }
No tiene disponible el navegador la capacidad de iframe
Retornar