Cosas super básicas que debes aprender. Primero comencemos con los comentarios como en otros lenguajes de programación deben empezar con el símbolo "//" sólo si se ocupa una línea en el caso de ocupar varias se usa /*Comentario*/
Las líneas de código se terminan con ";" JavaScript es Case-Sensitive, sensible a mayúsculas y minúsculas, con esto me refiero a que la declaración "Mí" no es igual a "mi" Las llaves {( Y )} sirven o permiten agrupar código
Variables y operadores
¿Que es una variable según wikipedia?
En programación, una variable está formada por un espacio enorme en el sistema de almacenaje y un nombre que está asociado a ese espacio. Ese espacio contiene resto de información conocida o desconocida, es decir un valor.
¿Que es una variable según yo?
En pocas palabras una variable tiene un determinado nombre que permite almacenar valores de datos
Si queremos declarar una variable en JavaScript debemos usar la palabra clave "var"
Cadenas de texto:
Se utilizan para almacenar letras, caracteres de texto. Para asignar el valor a la variable, se cierra entre comillas simples o dobles, "Cadena de texto",'variable' o "Cadena de texto o una 'variable' de código" Una variable que no tenga contenido, se le considera que es un valor null. El valor null es cuando representa un valor nulo o vacío siendo uno de los valores primitivos de JavaScript
Valores numéricos: 1, -100, 1.6, 2.0E2
valores booleanos: true o false
document.write: Esto imprime el texto especificando en la página, por ejemplo, para imprimir un texto literalmente se escribe con comillas simples y con paréntesis document.write('Hola Mundo!'); Esto imprimirá en la página un mensaje diciendo "Hola mundo!"
También es utilizado para imprimir variables, ejemplo:
var valor1 = "Hola mundo";
document.write(valor1);
Recuerda no ponerlo asi: document.write('valor1') , porque se imprimirá también el nombre de la variable.
También podemos combinar cadenas de textos y variables con el signo + (Aquí si aplicaremos las comillas simples);
var valor1 = "Standby";
var valor2 = "Gray hat";
document.write('<p>valor1: ' + valor1 + '<br>valor2: ' + valor2 + '</p>');
Nos mostrará los nombres de las variables, al igual que los valores;
valor1: Standby
valor2: Gray hat
Código completo:
<html>
<body>
<script>
var valor1 = "Standby";
var valor2 = "Gray hat";
document.write('<p>valor1: ' + valor1 + '<br>valor2: ' + valor2 + '</p>'); /*Usamos el signo + para combinar las variables y las comillas simples para imprimir*/
</script>
</body>
</html>
Variables locales (Wikipedia):
Una variable local es, en informática, la variable a la que se le otorga un ámbito local. Tales variables sólo pueden accederse desde la función o bloque de instrucciones en donde se declaran. Las variables locales se contraponen a las variables globales
Variables globales (Wikipedia):
Una variable global es, en informática, una variable accesible en todos los ámbitos de un programa informático. Los mecanismos de interacción con variables globales se denominan mecanismos de entorno global.
Operadores:
Operador de asignación " = ": Es para asignar valores como en los ejemplos que hemos visto arriba al igual que el + que es para agregar.
También podemos usar estos dos operadores para la aritmética, pero antes debemos conocer sus símbolos.
Operador Símbolo Descripción
suma + suma dos números
resta - resta dos números
multiplicación * multiplica dos números
división / resultado de la división de dos números
modulo % residuo de la división
incremento. ++ incrementa en 1. Es lo mismo que decir: variable + 1.
decremento -- decrementa en 1. Es lo mismo que decir: variable - 1.
suma + suma dos números
resta - resta dos números
multiplicación * multiplica dos números
división / resultado de la división de dos números
modulo % residuo de la división
incremento. ++ incrementa en 1. Es lo mismo que decir: variable + 1.
decremento -- decrementa en 1. Es lo mismo que decir: variable - 1.
Ahora los aplicamos
var x = 4;
var y = 5;
var r = x + y; /* r sería 9 ya que X es igual a 4 y, Y es igual a 5 sumando los daría 9 y así con los demás. */
r++; // r sería 10.
y--; // y sería 4.
r = y * x; // r sería 20.
r = x / y; // r sería 1.
r = x % y; // r sería 0.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Variables</title>
</head>
<body>
<h1>Ejemplo de variables</h1>
<script type="text/javascript">
var a = 3;
También si vas a usar números enteros se pone los números normales, por ejemplo, 10, 1 y así. Los decimales se ponen 100.000 con un "." (punto) y no una "," (coma)
Operadores lógicos
Operador significado
&& AND (Y lógico)
||. OR (O lógico)
! NOT (NO lógico)
Operadores de comparación
Operador Significado
== Igual
!= Distinto
>= Mayor o igual
<= Menor o igual
> Mayor
< Menor
Operadores asignación
Operador significado
+= Suma y asignación
-= Resta y asignación
*= Multiplicación y asignación
/= División y asignación
%= Resto y asignación
Mensajes:
Los mensajes ya los vimos en la anterior clase ya lo habías hecho que nos salte una ventana igual a está:
Esto sirve para mostrarle información que sea por ejemplo, importante o que resuelva una duda. Esto solo deja la posibilidad de aceptarle y está sería la sintaxis para que se acuerden de lo que estoy hablando;¿Que son los mensajes? ¿Solo existe el mensaje alert?
No, no solo existe el mensaje alert. Los mensajes se tratan de ventanas que se lanzan a los usuarios desde el código. Todos los mensajes se obtienen a través del objeto Windows, que veremos más adelante.
Prompt
La función prompt en este caso abre una ventana al igual que alert, pero está pide entrar datos al usuario, siendo también un método del objeto Windows.
Sintaxis:
Ejemplo de usó de prompt
respuesta=prompt ("¿Cómo te llamas","standby");
El descriptivo es que se mostrará en pantalla pidiendo información el defecto es opcional si el usuario no quiere escribí hay o rellenarlo
Usemos un ejemplo con la mayoría de cosas que hemos visto hoy.
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de variables y prompt</title>
<meta charset="UTF-8">
</head>
<body>
<script>
var nombre;
var edad;
nombre=prompt('Ingrese su nombre:','');
edad=prompt('Ingrese su edad:','');
document.write('¿Como estás?');
document.write(nombre);
document.write(' aque puedo adivinar tu edad, tienes');
document.write(edad);
document.write(' años');
</script>
</body>
</html>
Cómo vieron utilicé la función con variables primero le pusimos la variable <nombre>=prompt ('texto_a_mostrar', 'texto_por_defecto') y utilizando document.write como en los otros ejemplos. La función que puse en el código de <meta charset="UTF-8"> nos sirve para que el navegador reconozca la codificación de carácteres utilizada o se vería así:
Ventanas:
En la función de prompt hay dos opciones como vemos una de cancelar y otra aceptar si el usuario le da en todas cancelar saldrá como respuesta; null.
Confirmar
Es como los otros, pero en este es para confirmar teniendo dos botones Aceptar y cancelar
Sintaxis
confirm("texto_del_mensaje");
Ejercicio de la clase del día de hoy:
-Usar lo que se enseño en la clase de hoy con la función confirm (Me mandás un mensaje de tu código o un link de tu código por privado 
)
)
Publicar un comentario