miércoles, 4 de diciembre de 2024

Javascript

 

JavaScript puede cambiar el aspecto, contenido y comportamiento de las páginas web.


Actividad 1: Cambiar el contenido de un archivo HTML.


Uno de los muchos métodos HTML de JavaScript es getElementById().

El siguiente ejemplo "encuentra" un elemento HTML (con id="demo") y cambia el contenido del elemento (innerHTML) a "Hola JavaScript":


Actividad 2: Cambiar el atributo src de una imagen HTML.






JavaScript puede "mostrar" datos de diferentes maneras:

        -Escribiendo en un elemento HTML, usando innerHTMLo innerText.

        -Escribiendo en la salida HTML usando document.write().

        -Escribiendo en un cuadro de alerta, utilizando window.alert().

        -Escribiendo en la consola del navegador, usando console.log().


Actividad 3: Mensaje de bienvenida o alerta mi página web.






En HTML, el código JavaScript se inserta entre las etiquetas <script>y </script>.


Actividad 4: Botón para mostrar fecha y hora.




Fundamentos de Javascript: Fundamentos de JavaScript - Aprende desarrollo web | MDN

Introduce en tu página web FORMULARIO.HTML los siguientes efectos:

Un botón que cambie contenido HTML

Un botón que esconda elementos

Un botón que muestre la hora y fecha.

Este es el código que vamos a utilizar


Cambiar una imagen al pasar el ratón por encima

Botón de volver a la página anterior



Cómo hacer un slider de imágenes:

Info Javascript: