Curso/Tutorial 2 De JavaScript Por Mi... ¡Disfrutenlo!

in #spanish7 years ago

JAVASCRIPT.jpg

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 ;)