JAVASCRIPT PARTE 2

Published by: 0

Gráfico 2.1

 

Variables

• Cuando damos instrucciones a través del código que creamos vamos a estar continuamente trabajando con datos,  por ejemplo los que nos puede proporcionar el usuario a través de un formulario. Para que podamos utilizar esos datos y operar con ellos debemos guardarlos en  variables.

• Las variables son una especie de contenedores que nos permiten almacenar valores para poder posteriormente acceder a ellos.

En el gráfico de arriba, la caja representa una variable llamada “nombre” que contiene el valor “Juan”. A su derecha vemos el código necesario para crear dicha variable, lo que se denomina inicializar (1º declaramos la variable “nombre” y 2º le asignamos el valor “Juan”), veámoslo con más detalle.

 

Gráfico 2.2

1º Escribimos la palabra clave var que indica que estamos declarando (creando) una variable.

2º Colocamos el identificador, que es el nombre que le damos a esa variable.

3º El operador de asignación “=”, que se necesita para asignar un valor a la variable.

4º Por último se escribe el valor, que en este caso como es un texto (lo que se denomina cadena de texto o string) debe de ir entre comillas, como vimos en el capítulo anterior.

PRACTICA 3 . CREA  EN NOTEPAD ++

<!DOCTYPE html>
    <html>
          <head>
              <script>
                   var nombre = “Juan”;
                   document.write (nombre);
              </script>
          </head>
          <body>
          </body>
    </html>

Por qué se llaman variables?

• La característica más importante  de las variables es que su contenido no es constante, de ahí proviene su nombre y en ello radica su verdadera utilidad.

PRACTICA 4

CAMBIA EN LA PÁGINA ANTERIOR LO SIGUIENTE:

<script>
      var nombre = "Juan";
      document.write ("Hola " + nombre);
</script>

El signo “+” que aparece en el código es el operador que nos permite concatenar (sumar) cadenas de texto, y como en este caso una cadena y una variable.

DATO DE INTERÉS:

Para hacer comentarios en nuestro código Javascript tenemos dos opciones.

// para comentar una línea

/* para comentar

varias líneas */

Práctica 5

Copia el siguiente código dentro de una  página html para comprender qué se está haciendo con las variables.

<body>
<h1>Operadores aritméticos con javascript </h1>
<p>En esta página vamos a ver los distintos operadores aritméticos con javascript.</p>
<p>Para ello necesito que me des dos números con los que haremos las operaciones: </p>
<script type=»text/javascript»>
var a = prompt(«escribe un número»);
var b = prompt(«escribe otro número»);
a = Number(a)
b = Number(b)
</script>
<div>
<h2>Operadores clásicos</h2>
<script type=»text/javascript»>
var suma = a + b ;
var resta = a – b;
var multiplicacion = a * b;
var division = a / b;
var modulo = a % b
document.write («Suma: » + a +» + » + b + » = » + suma + «<br/>»)
document.write («Resta: » + a +» – » + b + » = » + resta + «<br/>»)
document.write («Multiplicación: » + a + » * » + b + » = » + multiplicacion + «<br/>»)
document.write («División: » + a + » / » + b + » = » + division + «<br/>»)
document.write («Módulo: » + a + » mod. » + b + » = » + modulo + «<br/>»)
</script>
</div>
</body>

 

En clase vamos a realizar el siguiente capítulo completo, incluidos los ejercicios:

http://librosweb.es/libro/javascript/capitulo_3/variables.html