CHTML-B-Ejercicio-IntroduccionJavaScript

•

Outros

0

marketingdigital1995

17/6/2023

¡Este material tiene más páginas!

Entonces, ¿te gustó este material?

Ayude a animar a otros estudiantes a mejorar el contenido

¿Te gustó este material? ¡Compartir! 🧡

Libros

93.136 Materiales compartidos

Descarga la aplicación para disfrutar aún más

Lea materiales sin conexión, sin usar Internet. Además de muchas otras características!

Vista previa del material en texto

www.globalmentoring.com.mx
www.globalmentoring.com.mx
Crear un proyecto para iniciar con JavaScript. Al finalizar 
deberemos observar lo siguiente:
www.globalmentoring.com.mx
Vamos a crear el proyecto:
www.globalmentoring.com.mx
Agregamos un archivo html:
www.globalmentoring.com.mx
Agregamos un archivo css:
www.globalmentoring.com.mx
( )
Agregamos un archivo css:
www.globalmentoring.com.mx
Archivo index.html:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Ejemplo JavaScript</title>
<script type="text/javascript">
alert("Hola Mundo");
document.write("<h1>Hola Mundo desde JavaScript</h1>");
</script>
</head>
<body>
Link a <a href="page1.html">page1</a>
</body>
</html>
http://icursos.net/cursos/HTML/Leccion07/index.txt
www.globalmentoring.com.mx
Archivo page1.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Saludos desde JavaScrip</title>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body onload="saluda();
escribeMensaje();">
<!--El texto HTML de elemento h1 se escribe de manera 
dinamica-->
<h1 id="mensajeHtml"></h1>
</body>
</html>
http://icursos.net/cursos/HTML/Leccion07/page1.txt
www.globalmentoring.com.mx
( )
Archivo funciones.js:
/**
* @author ubaldo
*/
function saluda() {
alert("Hola Mundo");
}
function escribeMensaje() {
document.getElementById("mensajeHtml").innerHTML = "Saludo desde archivo de JavaScript";
}
http://icursos.net/cursos/HTML/Leccion07/funciones.js
www.globalmentoring.com.mx
www.globalmentoring.com.mx
Como este ejercicio hemos visto una introducción al uso de 
JavaScript.
Observamos que una de las formas de utilizar JavaScript es 
agregando un nuevo archivo con extensión .js
En combinación con HTML y JavaScript es que pudimos 
agregar contenido generado de manera dinámica a nuestra 
página HTML, y de esta forma potenciar la forma en que 
creamos páginas Web.
www.globalmentoring.com.mx
Por: Ing. Ubaldo Acosta