Parte 1: Obtener la lista de elementos de etiqueta ‘p’ y mostrarlos en un alert de JavaScript. Parte 2: Añadir un nuevo elemento p con el texto “Texto del nuevo párrafo” y que sea hijo del body. https://www.w3schools.com/jsref/dom_obj_htmlcollection.asp
Este sencillo ejercicio con HTML y Javascript puede servir de introducción para hablar de los arrays en Javascript. Al cargar una web que contenga este código, se ejecutará mostrando los elementos de un array de diversas formas, como viene comentado en el código. <!DOCTYPE html> <html> <body> <i><p id=»listatostring»></p></i> <i><p id=»unelemento»></p></i> <i><p id=»0″></p> <p id=»1″></p> <p […]
Usar setInterval(función, milisegundos) para ejecutar una función con un retraso de milisegundos. No lo hace repetidamente, pero una estrategia común es ejecutar el código y llamar a setTimeout al final del script. <!DOCTYPE html> <html> <head> <script> function startTime() { var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = […]
Usando el siguiente div: <div id=»probando» style=»display:block;height:50px;width:50px;» onclick=»myFunction()»> Prueba con javascript </div> Vamos a realizar algunos ejercicios con el evento onclick de javascript. «Herramientas»: – Obtener un elemento por su ID: document.getElementById(«id») en cada ejemplo. – Un poco de HTML (el div anterior), con algo de estilo y el evento onclick asociado a una función […]