Curso/Tutorial 2 De JavaScript Por Mi... ¡Disfrutenlo!
Ya terminado el ejercicio del post anterior aprenderemos el concepto y como utilizar una condición en JS(JavaScript).
if (papa < 10) {
document.write(papa) ¿Que es como se come?: Esto es lo que se conoce como una condición
} ¿Que es una condición?: Es cuando decimos o necesitamos que pase
algo para que este ejecute otra cosa. por ejemplo: Quiero que prenda el televisor solo cuando
sean las 12 de la tarde...
Eso es una condición o también cuando decimos solo comemos a las 6 de la mañana, eso es otra condición
en los lenguajes de programación también están/presentan estas características condiciones
y se declara con un if (Sí) en el código anterior se podría pensar que no entendiste nada.
Puesto que no conoces el lenguaje y si entendiste Bien por tí.
Ok, ya sabiendo que es una condicion... ahora solo toca entender que significa el codigo
para modificarlo o simplemente leerlo correctamente.
if (papa < 10) Se dice que if("Sí") (papa < 10) papa("Variable ya mencionada") < (Es menor a)
10(Numero al azar para la condición) entonces ejecutaría una instrucción ¿Cual instrucción?:
Pues la que nosotros queramos en este caso un simple document.write(papa) entonces el código
diría ("Sí papa es menor a 10 entonces escribe en el documento el contenido de la variable papa").
una instrucción va estar encerrada por las llaves: "{}" un array va a estar encerrado
por corchetes: "[]".
else{
alert("No cumple")
}
En las condiciones también existe el else"Si no cumple la condición entonces ejecuta"{ejecuta una
alerta diciendo que este no cumple}.
else if (papa > 10){
alert("Papa es +10)
}
Y también existe el termino o la condición else if que significa o se le lee si no cumple la
condición entonces ejecuta solo sí cumple con esta condición. ¿Cual condición?: La que dice
que si la papa es mayor a 10 entonces ejecutara la instrucción de enviar una alerta al cliente
sobre "Papa es +10";
Conociendo ahora las condiciones necesito que hagas un alert, console.log y document.write() con
el contenido de una variable solo si esta variable es mayor a 10...
Ahora conoceremos los operadores (==) (!=) (>=) (<=) (<) (>)
¿Que son como se come?: Muy bien ahora estos los usaremos para las condiciones y cada uno tiene su
significado:
== : Igualdad, != : Diferencia >= : Mayor o igual a <= : Menor o igual a
< : Menor a > : Mayor a
Ejemplos:
if (10 == 10){}; ¿Que significa, como se lee? pues muy sencillo estamos diciendo que "Sí 10 es igual
a 10 entonces ejecute una instrucción", ¿Cual instrucción?: Pues la que nosotros queramos. En este
caso entonces si ejecutaría la instrucción determinada. Pero sí se fuera puesto 10 == 9 entonces
no se pondría... Por que estamos ordenando una instrucción solo si el 10 es igual a el numero que
quieras verificar, en este caso el 10 == 10.
if (10 != 9){}; ¿Que significa, como se lee? pues muy sencillo estamos diciendo que "Sí 10 es
diferente a 9 entonces ejecute una instrucción", ¿Cual?: La que queramos,
Ya entendido esto entonces podremos hacer algunas cosas un poco mas complejas.
Como por ejemplo si la variable es diferente a otra o a la misma entonces ejecute una instruccion
;)
Ahora quiero que hagas una practica con este contenido...
function : ¿Que es como se come?: Es una caja de instrucciones esperando ser llamada...
¿Que instrucciones?: pues la que nosotros queramos ¿Como se define una función?:
la funcion se puede definir utilizando la creacion de una nueva variable o simplemente creamos una
function de este modo:
function name(){ ¿Como se come esto?: Pues como veras dice function ("Función") y name ("Nombre")
instrucciones de la función...
};
Que podemos hacer con esto... pues además de simplicar el uso de algunas cosas... Y definir
muchas otras...
Ejemplo de una function :
function compras () {
var object = ""; ¿Que es esto?: Pues aca estamos definiendo variables para hacer
var precio = ""; un sistema simple de compra con datos de una DB pero para solicitar
var compraEfectuada = ""; datos ya seria con otro lenguaje, o el mismo con otro interprete/librería
var bought = false; como lo es NodeJS.
}
¿Que quiero que hagas?: 1.- Una function que pida tu nombre y lo plasme en el documento.
varName.AddEventListener("Event", function) ¿Que es como se come?: Pues esto es cuando le asignamos
un ejecutado o un llamado a un objeto cuando algo determinado pase en el computador...
Como por ejemplo: "Un clic a un botón" para que "Abra una ventana"...
Eso se definiría así:
Primero creamos en el html un elemento INPUT[type="button"]#Botón
¿Que significa?: Un boton con el identificador "Botón".
Ya con esto podremos utilizarlo para localizar con JS la ubicación del elemento en el documento
con el atajo document.getElementById("Boton");....
Gracias por su tiempo... Feliz dia, tarde, noche o mañana, les desea lo mejor su amigo de la comunidad OffGridHolos Bye... No olvides dejar tu voto ;)