Skip to content

Sesion_4_Archivos.md

Latest commit

 

History

History
80 lines (54 loc) · 1.64 KB

Sesion_4_Archivos.md

File metadata and controls

80 lines (54 loc) · 1.64 KB

Archivos JavaScript

En esta sesión vimos cómo incluir archivos con código JavaScript y con extensión .js dentro del html de nuestro sitio.

Práctica 1

  1. Crear un directorio llamado root, y dentro de éste crear un archivo llamado index.html que contenga lo siguiente:
<html>
  <head>
  </head>
  <body>
    <h1>Welcome to JavaScript Express!</h1>
  </body>
</html>
  1. Dentro de incluir el tag <script></script>.
  2. Crear un archivo llamado trains.js dentro del directorio root.
  3. Incluir trains.js dentro de index.html

Práctica 2

  1. Crear la siguiente estructura de directorios para nuestro sitio
  /root
    /site
      index.html
    /scripts
      trains.js
  1. Agregar el siguiente código al archivo trains.js:
“Train #” + 1 + “ is running.”

“Train #” + 2 + “ is running.”

“Train #” + 3 + “ is running.”
  1. Revisar la salida de la consola. ¿Sucedió algo?, ¿qué hace falta?
  2. Después de analizar qué es lo que sucede, hacer las correcciones.
  3. Recargar la página y ver si obtenemos el resultado esperado.

Práctica 3

  1. Agregar el siguiente código a trains.js:
var totalTrains = 12;

var trainsOperational = 8;

console.log(“There are “ + trainsOperational + “ running trains.”);

console.log(totalTrains == trainsOperational);
  1. Imprimir usando console.log, así:
console.log(“Train #” + 1 + “ is running.”);

console.log(“Train #” + 2 + “ is running.”);

console.log(“Train #” + 3 + “ is running.”);
  1. Revisar la salida en la consola.
  2. ¿Qué sucedería si tuviéramos 1000 trenes y queremos imprimir cada uno?