Introducción a JavaScript

1

¿Por qué aprender JavaScript?

2

¡Hola Mundo! en Mac

3

¡Hola Mundo! en Windows

4

Anatomía de una variable

5

Tipos de datos en JavaScript

6

Creación de strings

7

Operadores aritméticos

8

Conversión de tipos: Type Casting y Coerción

9

Conversión de tipos explícita e implícita

Estructuras de Control y Lógica

10

Operadores de comparación

11

Operadores lógicos

12

Ejecución condicional: if

13

Ejercicio: Adivina el número

14

Ejecución condicional: switch

15

Loop: for

16

Loop: for of

17

Loop: for in

18

Loop: while

19

Loop: do while

Funciones y This

20

Anatomía de una función

21

Funciones vs Métodos

22

Funciones puras e impuras

23

Arrow function y enlace léxico

24

Contextos de ejecución y scope chain

25

¿Qué es Closure?

26

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?

Manipulación de Arrays

27

Introducción a Arrays

28

Mutabilidad e inmutabilidad de Arrays

29

Modificación básica del final con push( ), pop( )

30

Iteración con map( ) y forEach( )

31

Filtrado y reducción con filter( ) y reduce( )

32

Búsqueda de elementos con find( ) y findIndex( )

33

Crear copias con slice( )

34

Spread operator: casos de uso

Programación Orientada a Objetos

35

Anatomía de un Objeto

36

Trabajando con objetos en JavaScript

37

Función constructora

38

¿Qué es una clase?

39

Prototipos y herencias

40

Herencia en la práctica

41

Prototipos en la práctica

42

this en JavaScript

43

Proyecto: Crea una red social

44

Proyecto: Crea una red social parte 2

Asincronía en JavaScript

45

¿Cómo funciona el JavaScript Engine?

46

Promesas en JavaScript

47

Usando Async y await en JavaScript

48

For await of

49

¿Cómo funciona la web?

50

¿Cómo funciona HTTP?

51

Método GET en JavaScript

52

Método POST en JavaScript

53

Método DELETE en JavaScript

54

Importancia del id en el método DELETE

55

ECMAScript 6 y tus siguientes pasos

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Ejecución condicional: if

12/55
Recursos

Aportes 19

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

También se pueden escribir condiciones en una línea del siguiente modo: `7 == 7 ? 'verdadero' : 'falso'`
![](https://static.platzi.com/media/user_upload/La%20sentencia%20condicional%20if%20en%20JavaScript-077c02f8-3b39-43f4-8a1c-e37237e03ca8.jpg)
creo que esta bien la clase pero falto explicar lo de la extension de live server , y tambien la creación del archivo html, así como el comando para poner la estructura básica html, , alguien me puede como se puede poner de forma automatica esa estructura , como que recuerdo que hay un comando. saludos
Formulario de inscripción utilizando condicionales ![]()![](https://static.platzi.com/media/user_upload/image-c7add945-23cf-4240-b820-ff9c54906390.jpg)
## Condicion `if` La estructura de control `if` en JavaScript se utiliza para ejecutar un bloque de código solo si una condición específica es verdadera. \<aside> 🚨 Es una de las estructuras de control más fundamentales en la programación. \</aside> ### Sintaxis Básica `if (condición) {` ` // Código a ejecutar si la ` ` // condición es verdadera` `}` `let edad = 18;` `if (edad >= 18) {` ` console.log("Eres mayor de edad");` `}` En este ejemplo, la condición `edad >= 18` se evalúa como `true`, por lo tanto, se ejecuta el bloque de código dentro de las llaves `{}` y se imprime "Eres mayor de edad". ### if-else A veces, necesitamos ejecutar un bloque de código si la condición es falsa. Para esto, usamos `else`: `if (condición) {` ` // condición es verdadera` `} else {` ` // condición es falsa` `}` `let edad = 16;` `if (edad >= 18) {` ` console.log("Eres mayor de edad");` `} else {` ` console.log("Eres menor de edad");` `}` En este caso, la condición `edad >= 18` se evalúa como `false`, por lo que se ejecuta el bloque de código dentro de `else` y se imprime "Eres menor de edad". ### `if-else if-else` Para manejar múltiples condiciones, se pueden encadenar varias declaraciones `if` usando `else if`: `if (condición1) {` ` // Código a ejecutar si la condición1 es verdadera` `} else if (condición2) {` ` // Código a ejecutar si la condición2 es verdadera` `} else {` ` // Código a ejecutar si ninguna de las condiciones anteriores es verdadera` `}` `let nota = 85;` `if (nota >= 90) {` ` console.log("Calificación: A");` `} else if (nota >= 80) {` ` console.log("Calificación: B");` `} else if (nota >= 70) {` ` console.log("Calificación: C");` `} else if (nota >= 60) {` ` console.log("Calificación: D");` `} else {` ` console.log("Calificación: F");` `}` En este ejemplo, `nota` es 85, por lo que la primera condición `nota >= 90` es falsa. La segunda condición `nota >= 80` es verdadera, por lo que se ejecuta el bloque de código correspondiente y se imprime "Calificación: B". \<aside> 🚨 La estructura de control `if` es una herramienta fundamental en cualquier lenguaje de programación, permitiendo que el código tome decisiones y ejecute diferentes caminos en función de las condiciones evaluadas. \</aside>
Cabe mencionar que podremos encontrarnos con una condicional especial cuando veamos código, y es el operador ternario: `const miConstante = unaCondicional ? siEsVerdad : siEsFalso` Con este operador podemos determinar, y asignar fácilmente valores a variables en una sola línea o ejecutar un código sin necesidad de hacer un `if... else...` > [Aquí encuentran la documentación frente al tema!](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Conditional_operator)
Cabe mencionar que podremos encontrarnos con una condicional especial cuando veamos código, y es el operador ternario: ```js const miConstante = unaCondicional ? siEsVerdad : siEsFalso ```Con este operador podemos determinar, y asignar fácilmente valores a variables en una sola línea o ejecutar un código sin necesidad de hacer un `if... else...` > 💡 [Aquí tienen la documentación sobre este operador](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Conditional_operator)
/\*estructura de control if (si) else if (entonces) else (sino) if (let === algo){ codigo } else if{codigo}else {lo que tiene que ocurrir }\*/ let nombre = "Diego"; if (nombre === "Diego") { console.log("Hola Diego");} let nombre2 = "Nico"; if (nombre2 === "Diego") { console.log("Hola Diego"); } else if (nombre2 === "Nico"){ console.log("Hola Nico") }else { console.log ("Nombre no encontrado")}
Hice un ejercicio basado en los dos temas que vimos: Operadores condicionales, Operadores Lógicos y condicionales if, else if, else: ![](https://static.platzi.com/media/user_upload/OperadoresdeComparacion-Y-Logicos-3f201ef6-63a9-450c-9f68-84de400fb8da.jpg)Me cuentan el resultado que les dio! :D
```js let prompt = require("prompt-sync")(); let letra = prompt("ingresa una letra: ").toLowerCase(); if ( letra == "a" || letra == "e" || letra == "i" || letra == "o" || letra == "u" ) { console.log("La letra " + letra + " es una vocal"); } else { console.log("La letra " + letra + " no es una vocal"); } ```let prompt = require("prompt-sync")(); let letra = prompt("ingresa una letra: ").toLowerCase(); if ( letra == "a" || letra == "e" || letra == "i" || letra == "o" || letra == "u" ) { console.log("La letra " + letra + " es una vocal"); } else { console.log("La letra " + letra + " no es una vocal"); }
```txt Adunto mi participación :) ``` ```js const prompt = require("prompt-sync")({sigint:true}); let respuesta = 'true' while(respuesta){ let numero = prompt("ingrese un numero: ") numero = Number(numero) if(numero <= 0){ console.log("el "+ numero +" es negativo: ") }else if(numero >= 0 ) { console.log("el "+ numero +" es positivo") }else{ console.log("no se reconoce la acccion") } let continuar = prompt("desea realizar otra operacion? Si/No: ").toLowerCase(); if(continuar != "si" && continuar != "si") { respuesta = 'false'; console.log("proceso finalizado") } else{ console.clear } } ```
Muy interesante el desarrollo de la ejecución condicional con IF, acá les comparto mi ejercicio, para afianzar conocimientos: ![](https://static.platzi.com/media/user_upload/image-ac9a9695-9659-46a1-9157-9bb496957094.jpg)
if
![](https://static.platzi.com/media/user_upload/image-002f0a3b-9440-4892-b0c2-a541c50788de.jpg) Mi ejercicio sobre el tema; si no le pongo valor a edad el no va a reconocer ninguna edad.
![](https://static.platzi.com/media/user_upload/image-80468dc0-a71c-4f4c-96fb-d1bf2945a1d0.jpg)
![](https://i.imgur.com/60aEnqR.png)
¿Hy que ver otra clase o curso antes de esta? Soy MUY novato de JS y me perdí con ese index.html
La ejecución condicional con `if` en JavaScript permite ejecutar diferentes bloques de código basados en si una condición es verdadera o falsa. Aquí te explico cómo funciona, con ejemplos para ilustrar: ### Sintaxis básica de `if` if (condición) { // Bloque de código que se ejecuta si la condición es verdadera } ### Ejemplo básico let edad = 18; if (edad >= 18) { console.log("Eres un adulto."); } En este ejemplo, la condición `edad >= 18` se evalúa como verdadera, por lo que el mensaje "Eres un adulto." se imprimirá en la consola. ### `if-else` Para manejar la ejecución de código cuando la condición es falsa, se puede usar `else`. let edad = 16; if (edad >= 18) { console.log("Eres un adulto."); } else { console.log("Eres un menor de edad."); } Aquí, la condición `edad >= 18` es falsa, por lo que se ejecuta el bloque de código dentro de `else` y se imprimirá "Eres un menor de edad.". ### `if-else if-else` Cuando necesitas evaluar múltiples condiciones, puedes usar `else if`. let nota = 85; if (nota >= 90) { console.log("Excelente"); } else if (nota >= 75) { console.log("Bueno"); } else if (nota >= 50) { console.log("Aprobado"); } else { console.log("Reprobado"); } En este caso, se evalúan las condiciones en orden. Como `nota` es 85, el bloque de `else if (nota >= 75)` se ejecutará, imprimiendo "Bueno". ### Condiciones anidadas Puedes anidar declaraciones `if` dentro de otras declaraciones `if`. let edad = 20; let tieneLicencia = true; if (edad >= 18) { if (tieneLicencia) { console.log("Puedes conducir."); } else { console.log("Necesitas una licencia para conducir."); } } else { console.log("No tienes la edad suficiente para conducir."); } ### Operadores lógicos Para combinar múltiples condiciones, se pueden usar operadores lógicos como `&&` (y) y `||` (o). let edad = 20; let tieneLicencia = true; if (edad >= 18 && tieneLicencia) { console.log("Puedes conducir."); } else { console.log("No puedes conducir."); } Aquí, ambas condiciones deben ser verdaderas para que se ejecute el bloque de código que imprime "Puedes conducir.". ### Operador ternario El operador ternario es una forma más compacta de escribir una condición `if-else`. let edad = 18; let mensaje = (edad >= 18) ? "Eres un adulto." : "Eres un menor de edad."; console.log(mensaje); En este ejemplo, `(edad >= 18) ? "Eres un adulto." : "Eres un menor de edad."` evalúa la condición y asigna el valor correspondiente a la variable `mensaje`.
**MIS APUNTES:** ![](https://static.platzi.com/media/user_upload/image-d6bc026a-9751-4c5a-9672-2cfa55c5ebf5.jpg) ![](https://static.platzi.com/media/user_upload/image-a9747cf9-d545-4cda-8771-5a8f5c6b7067.jpg)