Siguiendo la programación web de Empezando con JavaScript hoy vengo con las variables de este lenguaje.
Las variables son como cajas donde podremos guardar información temporalmente se les denomina así porque su contenido puede cambiar en cualquier momento durante el desarrollo del programa.
Puede tomar los siguientes valores:
· Números (enteros, decimales, etc.).
· Cadenas de caracteres.
· Valores lógicos (True y False).
· Objetos (una ventana, un texto, un formulario, etc.).
Para declarar una variable utiliza la siguiente sintaxis
La palabra
reservada
var
var nombre=1;
Que hice? .Esto es una estructura básica de una
variable numérica estoy diciendo que la variable nombre es igual a 1 pueden
darle cualquier nombre a la variable el que deseéis
Ejemplo de variable con decimal
var decimales=12.32;
Esto es una
variable con decimal debemos tener en cuenta que se usa ( . ) y no coma como es
común encontrar en el idioma español
Va con caracteres
var texto="Soy la variable texto"
Simple la
diferencia entre una variable numérica y una de tipo texto son las comillas
Variables de tipo booleano
También
podemos crear variables con valores lógicos. Eso significa que la variable
podrá tener sólo dos valores: verdad o mentira.
var verdad = true;
var mentira=false;
También
podemos declarar variables de la siguiente forma
var name;
name=3;
En la
primera línea declare la variable y después
le di valor No importa el método que uses puedes seleccionar el que más
te guste
Código
<html>
<title>Variables de JavaScript</title>
<head>
<script>
var nombre=1;
var decimales=12.32;
var texto="Soy la variable texto"
</script>
</head>
<body>
</body>
</html>
ESTO
FUNCIONA PARA TODAS LAS VARIABLES DE JAVASCRIPT
Una forma de
comprobar que nuestra variable ya tiene un valor asignado es abriendo el
archivo con extensión .html una vez abierto el navegador presionar F12 y buscar
la opción que nos diga consola o console dependiendo del navegador que uses y
el idioma una vez presionado vamos a ver en la parte inferior un lugar donde
podremos escribir ahí escribiremos el nombre que le asignamos a la variable en
mi caso escribiría nombre si hiciste
todo bien te debería devolver el valor que le diste a la variable en mi caso 1.
Algo muy a
tener en cuenta en las variables de JavaScript es que se deben respetar las mayúsculas si tú a la
variable le llamaste numero por ejemplo cuando vayas a usarla no puedes poner
Numero con mayúscula porque JavaScript es sensible a las mayúsculas y
minúsculas
Ejemplo
var Hola=12;
entonces nuestra variable se
llama Hola y no hola
Otra cosa
que no podemos hacer es separar la variable
Ejemplo
var esta variables es de números=23;
esto esta
incorrecto no pueden existir espacios
Para eso se
usa un truco que usan los programadores
var estaVariablesEsDeNumeros=23;
esa
es correcta se le llama el camello
o
var esta_variables_es_de_numeros=23;
esta también es correcta usando guiones bajos para que no haya
separacion
Recomiendo
no usar ninguna de las dos anteriores si no saben cómo funciona bien porque
acuérdense
que lo tiene que poner igual cuando lo vayamos a usar
Tampoco podemos ponerle el nombre a
variables de palabras reservadas por ejemplo
var var = "Esto esta incorrecto"
var this = "Esto también esta incorrecto "
this al igual que
var
son palabras reservadas
del lenguaje JavaScript por lo que no podremos usarlo para el nombre de
variables pero no nos deberíamos preocupar por eso ya que la mayoría de esas
palabras están en inglés y son de poco uso habitual.
Ya que tenemos lo básico es hora de
ponerlo en práctica por fin hagamos operaciones con variables
Primero declaramos las variables le
vamos a llamar numero entonces
var numero1=7;
var numero2=10;
var resultadoSuma=numero1+numero2;
Ya tenemos una operación muy simple
he declarado dos variables y les he asignado números y luego he dicho que
resultadoSuma va a ser la suma de numero1 y numero 2 pueden poner resultadoSuma
en la consola del navegador presionando la tecla F12 y les va a devolver como
resultado 17 que es la respuesta
Para reflejar esto en la página web
de forma visible se usa
document.write(resultadoSuma)
Y nos escribe el resultado en la
página web
No ponemos comillas porque quiero que
me muestre el valor de la variable resultadoSuma no el texto resultado
<html>
<title>Variables de JavaScript</title>
<head>
<script>
var numero1=7;
var numero2=10;
resultadoSuma=numero1+numero2
document.write(resultadoSuma)
</script>
</head>
<body>
</body>
</html>
Para eso se usaban las comillas para
diferenciar de un texto de unas funciones predefinidas del lenguaje
Ahora les enseño como concatenar códigos
Quiero que diga "el número es
" y el
resultado
Para eso se usa el símbolo de mas (+)
document.write("el número es"+ resultadoSuma)
Y efectivamente se vería algo así
Pero hay algo mal porque está unido
el numero es17 para separarlo seria
document.write(""+ " " resultadoSuma);
Listo ya está arreglado
Veamos el
uso de las variables en el evento alert que manda un mensaje en la pantalla
para ello escribimos
alert(resultadoSuma)
y vamos a ver una pequeña pantalla cuando
abra este el navegador.
Le podemos
concatenar más cosas por ejemplo
alert(la suma de números es + " "+resultadoSuma);
El código por
ahora va así
<html>
<title>Variables de JavaScript</title>
<head>
<script>
var numero1=7;
var numero2=10;
resultadoSuma=numero1+numero2;
document.write(resultadoSuma);
alert("la suma de numeros es" + " "+resultadoSuma);
</script>
</head>
<body>
</body>
</html>
El ejemplo anterior se ve muy simple pero poco funcional o sea puedo
calcular la suma de números yo solo es una suma de dos números pues te digo que
no porque primero que todo lo estás mostrando en una página web y segundo
estamos haciendo cálculos demasiado sencillo para que os hagáis una idea cuando
es 52695113+4891213 venga calcula!!! 3… 2... 1… ahora que paso no puedes calcular
ese número tan rápido a menos que te pases 8 horas calculando números y demás,
te pasarías minutos tratando de dar un resultado usando solo la mente (sin
calculadoras) ahora empezamos a ver el uso veamos un ejemplo del cálculo del
área de un triángulo con JavaScript.
Calculo del área de un triángulo en JavaScript
Pensando en lo que quiero hacer en este mini proyecto he establecido
algunas reglas o peticiones a cumplir
1-
El usuario establecerá las mediciones de la altura
y la base
2-
Nuestro código captara los datos introducidos por
los usuarios y los procesara
3-
El resultado será mostrado en pantalla
Lo primero es saber un poco de mates o por lo menos tener a mano las
fórmulas que se usan para el cálculo en este caso usaremos A= b*h/2
Teniendo esto ahora crearemos una estructura HTML básica (que a estas
alturas ya todos debemos saber crear de no ser así siempre puedes visitar el
blog y encontrarte con información) Aquí vamos
<html>
<head>
<meta charset="ISO-8859-1">
</head>
<body>
</body>
</html>
Una estructura sin complicación alguna
Ahora veremos que usaremos del lenguaje JavaScript
prompt:
variables
alert
Y listo dije que sería sencillo
<html>
<head>
<meta charset="ISO-8859-1">
<script>
var base=prompt("Ingrese la medida de la base del triángulo ");
var altura= prompt("Ingrese la medida de la altura del triángulo ");
var respuesta = base * altura /2
alert("El área del triángulo es"+" "+respuesta)
</script>
</head>
<body>
</body>
</html>
1-Guardamos en variables los datos ingresados por el usuario
2-Guardamos en una variable llamada respuesta la multiplicación de la
variable altura y base y la dividimos entre 2 lo cual corresponde a la fórmula
establecida anteriormente
3-Mostramos en un alert la información
Al ser un script bastante sencillo para aprender no posee gran
complejidad por ejemplo no evita la entrada de datos que no sean numéricos
entre otras cosas que son importantes pero obvie para que se captase la
información
Espero que les haya gustado este post de ser así podéis decírmelo en los
comentarios hasta pronto Chao
Comentarios
Publicar un comentario