JavaScript
Dia2
Operadores Relacionales
Se usan para comparar dos variables o expresiones y obtener un valor verdadero o falso
| SÍMBOLO | SIGNIFICADO | EJEMPLO |
| = | Igual que | A = B |
| > | Mayor que | A > B |
| < | Menor que | A < B |
| >= | Mayor o igual que | A >= B |
| <= | Menor o igual que | A <= B |
| != | No iguales | A != B |
Operadores Relacionales
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var Lunes = 2;
var Martes = 10;
var Miercoles= 12;
var Jueves= 20;
var Viernes = 2;
//////////////////////////
comp0= Lunes==Viernes;
comp1= Lunes>Martes;
comp2= Lunes<Martes ;
comp3= Miercoles<=Jueves;
comp4= Jueves != Martes;
//////////////////////////
document.write( comp0 + "<br>");
document.write( comp1 + "<br>");
document.write( comp2 + "<br>");
document.write( comp3 + "<br>");
document.write( comp4 + "<br>");
</script>
</body>
</html>Operadores Logicos
| And | Or | Not | ||
|---|---|---|---|---|
| 0 | 0 | 0 | 0 | 1 |
| 0 | 1 | 0 | 1 | 1 |
| 1 | 0 | 0 | 1 | 1 |
| 1 | 1 | 1 | 1 | 0 |
And: Si se cumplen ambas
Or: Si se cumple una
Not: Negacion
Operadores Logicos
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var Lunes = 2;
var Martes = 0;
var Miercoles= 2;
var Jueves= 0;
var Viernes = 2;
//////////////////////////
comp0= (Lunes== 2 && Miercoles==2) ;
comp1= (Lunes== Miercoles||Martes !=Lunes);
comp2= !(Lunes==Miercoles) ;
//////////////////////////
document.write( comp0 + "<br>");
document.write( comp1 + "<br>");
document.write( comp2 + "<br>");
</script>
</body>
</html>Condicionales
If: Si se cumple la sentencia, ejecuta(etc..)
Else: Si no se cumple en ningún caso, realiza ( etc...)
Else if: Si no se cumple la sentencia, pero hay un caso especifico ejecuta (etc..)
Condicionales
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var David= 18
var Zahid= 20
var Saul=22
if (Saul > David){
document.write( "Saul se queda con la flaca rica por ser el grandulon");
}
else if (Zahid > David){
document.write( "David es mas ciquitin que Zahid");
}
else{
document.write( "David se queda con la flaca rica");
}
</script>
</body>
</html>Ciclo While
While es una palabra reservada , que la utilizamos para hacer un ciclo de alguna sentencia que queramos que se siga cumpliendo.
Ciclo While
<!DOCTYPE html>
<html>
<body>
<p>Haga clic en el boton para recorrer un bloque de codigo , siempre y cuando i sea menor que 10.</p>
<button onclick="Funcion()">Aprietame</button>
<p id="demo"></p>
<script>
function Funcion() {
var contador = "";
var i = 0;
while (i < 10) {
contador += "<br>El contador es " + i;
i++;
}
document.getElementById("demo").innerHTML = contador;
}
</script>
</body>
</html>Ciclo For
For es una palabra reservada que utilizamos para que se cumpla una sentencia determinado numero de veces
Ciclo For
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var carros = ["BMW", "Volvo", "Audi", "Ford"];
var texto = "";
var i;
for (i = 0; i < carros.length; i++)
{
texto += carros[i] + "<br>";
}
document.getElementById("demo").innerHTML = texto;
</script>
</body>
</html>Type Off
El método typeoff solo nos indica el tipo de dato de una variable.
var numero = 150;
document.write(typeof numero);
var lista = [1,2,3]
document.write(typeof lista);Javascript como archivo
Esta vez veremos como se conecta javascript con html/css en proyectos.
- Crea una carpeta y entra a ella
- Crea 3 archivos (index.html , styles.css, init.js)
- Ve a sublime - file - open folder - busca tu carpeta
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript</title>
//Aqui estamos buscando el css
<link rel="stylesheet" href="styles.css">
//Aqui estamos buscando el archivo javascript
<script defer type='text/javascript' src='init.js' ></script>
</head>
<body>
<p id="id">
</p>
</body>
</html>Seleccionar elementos en el DOM (Document Object Model)
document.getElementById
document.getElementByClassName
document.getElementsByTagName
document.querySelector
document.querySelectorAllJavaScript Día 2
By gdg_unam_aragon
