COLEGIO COOPERATIVO VENECIA “EDUCAR PARA LA COOPERACIÓN” TECNOLOGÍA E INFORMÁTICA 2022 DOCENTE: LILIANA AMAYA ACOSTA SEGUNDO PERIODO ACADÉMICO
RESOLUCIÓN DE PROBLEMAS GUIA 5PD NOMBRE DEL ESTUDIANTE: GRADO: ONCE A CORREO ENVÍO DE EVIDENCIA: cocove.oncea@gmail.com
OBJETIVO: Realizar asignación de variables y métodos en Java Script. Distinguir operadores utilizados en la aplicación del planteamiento de problemas con Java Script. Obtener un módulo en HTML utilizando Java Script.
FECHA: -Abril 25 al 29 MATERIAL DE APOYO: VIDEOS UTILIZADOS EN LAS GUÍAS 1 – 2 Y 3 de segundo período. PRÁCTICA DIRIGIDA 1. 2. 3. 4.
Escribir el código HTML y Java Script. (Ver el código a partir de la segunda página). Obtener las páginas con funcionamiento. Generar el módulo web funcionando en el contenido, enlaces y Scripts de Java. Envió al correo: cocove.oncea@gmail.com el módulo web con el número de páginas establecido por la docente en a clase. (La propuesta base son 6 páginas).
Enviar al correo:
cocove.oncea@gmail.com
Asunto: Nombre y curso del estudiante Mensaje: Cordial saludo: Envío adjunto los archivos “nombre del archivo”, con la actividad de la clase terminada. Adjunto: 6 páginas HTML, creado en el bloc de notas, enlazadas conformando un módulo.
MÓDULO EN JAVA SCRIPT PÁGINA 31.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 1::::....::::....:::: </title> </head> <body bgcolor="olive" alink="green" link="green" vlink="green"> <script> document.writeln("Hola Mundo!!!!!"); </script> <center> <marquee scrolldelay=20 width=50% bgcolor="lime" > <h1>::::....::::....::::MI PRIMERA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </marquee> </center> <br> <br> <center> <marquee scrolldelay=10 width=25% bgcolor="lime" > <h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2> </marquee> </center> <br> <br> <center> <a href="PAGINA32.HTML"> <marquee scrolldelay=5 width=13% bgcolor="lime" > *****SIGUIENTE***** </marquee> </a> </center> </body> </html>
PÁGINA 32.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 2::::....::::....:::: </title> </head> <body bgcolor="blue" alink="white" link="white" vlink="white"> <script> let a, b; a = 10; b = 5; resultado = a + b; alert (`La suma de a+b es ${resultado} ` ); </script> <center>
<marquee scrolldelay=20 width=50% bgcolor="skyblue" > <h1>::::....::::....::::MI SEGUNDA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </marquee> </center> <br> <br> <center> <marquee scrolldelay=10 width=25% bgcolor="skyblue" > <h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2> </marquee> </center> <br> <br> <center> <a href="PAGINA31.HTML"> <marquee scrolldelay=5 width=13% bgcolor="skyblue" > *****ANTERIOR***** </marquee> </a> </center> <br> <br> <center> <a href="PAGINA33.HTML"> <marquee scrolldelay=5 width=13% bgcolor="skyblue" > *****SIGUIENTE***** </marquee> </a> </center> </body> </html>
PÁGINA 33.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 3::::....::::....:::: </title> </head> <body bgcolor="gray" alink="black" link="black" vlink="black"> <script type="text/javascript"> const a = "Hola"; let b = " mundo!"; document.write("Constante a contiene " + a ); document.write("</br>"); document.write("Variable b contiene " + b ); document.write("</br>"); document.write(a + b ); </script> <center> <marquee scrolldelay=20 width=50% bgcolor="silver" > <h1>::::....::::....::::MI TERCERA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </marquee> </center> <br> <br> <center> <marquee scrolldelay=10 width=25% bgcolor="silver" >
<h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2> </marquee> </center> <br> <br> <center> <a href="PAGINA32.HTML"> <marquee scrolldelay=5 width=13% bgcolor="silver" > *****ANTERIOR***** </marquee> </a> </center> <br> <br> <center> <a href="PAGINA34.HTML"> <marquee scrolldelay=5 width=13% bgcolor="silver" > *****SIGUIENTE***** </marquee> </a> </center> <strong> <p> <font color="black"> El signo '+' sirve para concatenar cadenas de texto </font> </p> </strong> </body> </html>
PÁGINA 34.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 4::::....::::....:::: </title> </head> <body bgcolor="orange" alink="black" link="black" vlink="black"> <script type="text/javascript"> let a, b; a = 2; b = 8; resultado = a * b; document.write(`Variable a contiene ${a} <br> ` ); document.write(`Variable b contiene ${b} <br> ` ); document.write(`El producto de a por b es ${resultado} `); </script> <center> <marquee scrolldelay=20 width=50% bgcolor="yellow" > <h1>::::....::::....::::MI CUARTA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </marquee> </center> <br> <br> <center> <marquee scrolldelay=10 width=25% bgcolor="yellow" > <h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2>
</marquee> </center> <br> <br> <center> <a href="PAGINA33.HTML"> <marquee scrolldelay=5 width=13% bgcolor="yellow" > *****ANTERIOR***** </marquee> </a> </center> <br> <br> <center> <a href="PAGINA35.HTML"> <marquee scrolldelay=5 width=13% bgcolor="yellow" > *****SIGUIENTE***** </marquee> </a> </center> <strong> <p> <font color="black"> Los puntos de interrupcion son fundamentales para programar. </font> </p> </strong> </body> </html>
PÁGINA 35.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 5::::....::::....:::: </title> </head> <body bgcolor="aqua" alink="blue" link="blue" vlink="blue"> <script> let dato, resultado; dato = window.prompt("Introduce tu nombre", "0"); resultado = `Hola, como estas ${dato} ` ; document.write(resultado); </script> <center> <marquee scrolldelay=20 width=50% bgcolor="navy" > <font color="white"> <h1>::::....::::....::::MI QUINTA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </font> </marquee> </center> <br> <br> <center> <marquee scrolldelay=10 width=25% bgcolor="navy" > <font color="white"> <h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2> </font> </marquee>
</center> <br> <br> <center> <a href="PAGINA34.HTML"> <marquee scrolldelay=5 width=13% bgcolor="navy" > <font color="white"> *****ANTERIOR***** </font> </marquee> </a> </center> <br> <br> <center> <a href="PAGINA36.HTML"> <marquee scrolldelay=5 width=13% bgcolor="navy" > <font color="white"> *****SIGUIENTE***** </font> </marquee> </a> </center> <strong> <p> <font color="blue"> <br>Todo lo que se teclea son letras. </font> </p> </strong> </body> </html>
PÁGINA 36.HTML <!DOCTYPE html> <html> <head> <title>::::....::::....::::Ejercicio 6::::....::::....:::: </title> </head> <body bgcolor="teal" alink="blue" link="blue" vlink="blue"> <script> let dato, num; dato = window.prompt("Introduce número ?", "0"); num = parseInt(dato); num = num *2; document.write(`El doble es ${num} `); </script> <center> <marquee scrolldelay=20 width=50% bgcolor="black" > <font color="white"> <h1>::::....::::....::::MI SEXTA WEB CON JAVA SCRIPT::::....::::....:::: </h1> </font> </marquee> </center> <br> <br> <center>
<marquee scrolldelay=10 width=25% bgcolor="black" > <font color="white"> <h2>::::....::::....::::CREADO POR: NOMBRE DEL ESTUDIANTE::::....::::....:::: </h2> </font> </marquee> </center> <br> <br> <center> <a href="PAGINA35.HTML"> <marquee scrolldelay=5 width=13% bgcolor="black" > <font color="white"> *****ANTERIOR***** </font> </marquee> </a> </center> <br> <br> <center> <a href="PAGINA37.HTML"> <marquee scrolldelay=5 width=13% bgcolor="black" > <font color="white"> *****SIGUIENTE***** </font> </marquee> </a> </center> <strong> <p> <font color="white"> <br>Los números por teclado, son letras. Tienen que convertirse . </font> </p> </strong> </body> </html>