Ejercicios

1) Instalar Sublime Text

Instalar Sublime Text y en preferences->settings-usercomprobar que están estas tres líneas (sino añadirlas):

{
    "indent": 2,
    "tab_size": 2,
    "translate_tabs_to_spaces": true
}

2) Operaciones simples

Realiza un script que realice lo siguiente:

  • Almacenar en una variable el resultado de sumar 1 y 2
  • Almacenar en una variable el resultado de dividir 6 entre 2
  • Almacenar en una variable el precio de un artículo de 20€ aplicándole el 21% de IVA .
  • Definir una variable con el valor 4 y utilizar el operador (++) para incrementar en uno su valor.
  • Definir una variable que almacene la concatenación de dos cadenas de texto.
  • Definir una variable price con el valor 19.99y aplicar la abreviación /= para dividirlo entre 1.21 para obtener el precio sin IVA.
  • Asignar a dos variables valores booleanos y hacer al menos una operación combinando un operador lógico: AND (&&) o OR (||)
  • Realizar 4 expresiones que utilicen operadores relacionales (<, ==, != y ===) y almacenen los valores en tres variables distintas.

Finalmente imprime todos valores en la consola del navegador usando console.log(nombre_de_la_variable), por ejemplo:

var result = 1 + 2;
console.log(result);

Nota: Como la mayoría de los lenguajes, JavaScript se ejecuta secuencialmente (de arriba a abajo), por lo que el orden de las instrucciones importa.

3) Puntos de parada

Utiliza la pestaña sources y haz clic en alguna línea donde haya una expresión para establecer un punto de parada (se debe marcar en azul) y recarga la página:

Punto de parada

Juega con el inspector.

Opcional: Instalar W3CValidators

Recuerda que en las lecciones de HTML utilizábamos el validador online del W3C para comprobar que nuestro código era correcto. Si lo prefieres también puedes usar la extensión W3CValidators de Sublime Text para hacerlo desde el propio editor.

Dudas

Si hay algo que no te haya quedado claro puedes preguntar cualquier duda en los issues del proyecto en Github.

Si tienes problemas o dudas con tu código súbelo a Github, abre un issue en un proyecto con la duda/problema y envíame un correo a info@cursohtml5desdecero.com.

results matching ""

    No results matching ""