Tema: 7-JavaScript en la Programación de Páginas Web | Programación de Páginas Web

Diagrama de temas

JavaSript: En cuanto a páginas web se refiere, no basta con que la apariencia sea atractiva, también el contenido debe permitir una interacción funcional con el usuario. Es así como un lenguaje de programación orientado a objetos, como Javascript, permite al desarrollador de una página web agregar dar valor agregado a sus diseños a través de animaciones o una comunicación bidireccional con el usuario final.

Revisemos el siguiente video:

Ejercicio de repaso:
En este apartado codificará una secuencia informática en la que creará un código que copia el contenido de una caja de texto y lo pega en otra.

Abra el siguiente código en un navegador web, luego de haberlo guardado desde el Blog de Notas como un archivo .html:



<!DOCTYPE html>

<html>

<body>

Texto1: <input type="text" id="field1" value="Trust & Microsoft"><br>

Texto2: <input type="text" id="field2"><br><br>

<button onclick="myFunction()">Copiar y Pegar</button>

<p>Esta es una función programada para que el usuario de clic en el botón copiar el contenido de la caja de texto1 y se pegue en la caja de texto2.</p>

<script>

function myFunction() {

document.getElementById("field2").value = document.getElementById("field1").value;

}

</script>

</body>

</html>

Utilice Plunker para visualizar en tiempo real los siguientes cambios:

•             Cambie el nombre de las cajas de texto
•             Cambie el color del botón