Playground: tienda de tecnología

Clase 17 de 30 • Curso Básico de JavaScript

Contenido del curso

Introducción a JavaScript

Bases de JavaScript

Condicionales

Arrays

Loops

Objects

Métodos de Arrays

Próximos pasos con JavaScript

30
Continúa con el Curso Práctico de JavaScript
01:19 min

Tomar examen

Comentarios

Diego ferney Cárdenas Hoyos

student•

Para los que se preguntan porqué les sale error y tienen la solución en la consola y les sale correctamente, deben cambiar los console.log por return y y escribir exactamente igual lo que se pide, espero pueda ayudarles.

Gever Rodriguez

student•

Heroe sin capa!

Por la costumbre ni me había dado cuenta que no estaban pidiendo mensaje por consola xD

Santiago Lopez Concha

student•

Me explicas la diferencia? en la vista no seria lo mismo que una consola?

Gracias

Maria Isabel Campos Taipe

student•

 export function solution(article) {
   switch (true) {
     case (article == "computadora"):
       return "Con mi computadora puedo programar usando JavaScript";
     case (article == "celular"):
       return "En mi celular puedo aprender usando la app de Platzi";
     case (article == "cable"):
       return "¡Hay un cable en mi bota!";
     default:
       return "Artículo no encontrado";
   }
 }

  solution('computadora')
  solution('celular')
  solution('cable')
  solution('ornitorrinco')

Abelardo Ruiz Gonzalez

student•

este ejercicio te quedo bien?

Sergio Martinez Marin

student•

export function solution(article) { var retorno; switch (article) { case ("computadora"): retorno = "Con mi computadora puedo programar usando JavaScript"; break; case ("celular"): retorno = "En mi celular puedo aprender usando la app de Platzi"; break; case ("cable"): retorno = "¡Hay un cable en mi bota!"; break; default: retorno = "Artículo no encontrado"; break; }// Tu código aquí 👈 return retorno; }

Joseph Izarra

student•

William Imbacuan

student•

Hola, en este caso no es necesario usar el break después del return, ya que es código inaccesible, ya que la ejecución de la función finaliza cuando retornas el valor deseado.

David Elias Gatica Morales

student•

Solo hay que asignar el parametro en cada caso y al ultimo retornar

Félix Urrutia

student•

export function solution(article) {
  // Tu código aquí 👈
  const options = {
    computadora: 'Con mi computadora puedo programar usando JavaScript',
    celular: 'En mi celular puedo aprender usando la app de Platzi',
    cable: '¡Hay un cable en mi bota!',
  }
  return options[article] || 'Artículo no encontrado'
}

Roberto García

student•

????? La gracia del reto es hacerlo con switch.

Antonio Maldonado

student•

Que solución más creativa!

Olga Acosta Bravo

student•

Después de hacerlo con if, me pregunté si es que el reto era hacerlo con switch jajaja. 😪

export function solution(article) {
  if (article === 'computadora') {
    return "Con mi computadora puedo programar usando JavaScript"
  } else if (article === 'celular') { 
    return "En mi celular puedo aprender usando la app de Platzi"
  } else if (article === 'cable') {
    return "¡Hay un cable en mi bota!"
  } else {
    return "Artículo no encontrado"
  }
}

Ángela Sofía Osorio García

student•

El reto es con switch XD

Fernando Barrueto

student•

puedes hacerlo con IF

Alejandro Castro

student•

Abelardo Ruiz Gonzalez

student•

Alejandro Castro

student•

Te faltan los dos Puntos ":" despues de "cable" y despues de "default"

Astrid Madeley Castellanos Corado

student•

Me costó un poco porque le estaba colocando console.log :)

Andres Parra

student•

Keirys Polanco Crespo

student•

Tiene muchos errores la verdad no se como paso...

Esteban Alzate Atehortua

student•

Mi solución con switch:

export function solution(article) { switch (true) { case (article === "computadora"): returnCon mi ${article} puedo programar usando JavaScript; break; case (article === "celular"): return En mi ${article} puedo aprender usando la app de Platzi; break; case (article === "cable"): return¡Hay un ${article} en mi bota!; break; default: return "Artículo no encontrado"; break; } }

Sergio Primo

student•

hola! he tenido problemas para ejecutar una respuesta acertada a este desafio, por ultimo intente usar tu codigo y tampoco me funciona dice que tengo errores de sintaxis podrias orientarme ? gracias.

Andres Camilo Diaz Bohorquez

student•

hola Sergio primo, lo que sucede es que puedes hacer lo siguiente:

switch (article) { case 'computadora': return "Con mi computadora puedo programar usando JavaScript"; break; en este caso, el switch evalúa article, donde mira que entro, pueden entrar los valores computadora, celular, cable, gato.

El código que te paso solo evalúa el caso en que a article llegue el valor 'computadora'. Simplemente lo haces así como yo, sin paréntesis, solo las comillas simples.

debes hacer los case restantes para los otros valores de article: celular, cable y el default.

Stiven Jiménez

student•

💫 Aquí les dejo mi solución

export function solution(article) {
  switch (article) { 
    case "computadora":
      return('Con mi computadora puedo programar usando JavaScript');
      break;

    case "celular":
      return ("En mi celular puedo aprender usando la app de Platzi")
      break

    case "cable":
      return "¡Hay un cable en mi bota!"
      break

    default:
      return "Artículo no encontrado"
  }
}

Joselyne Ivanny Coello Moreira

student•

export function solution(article) {
  // Tu código aquí 👈
  switch (article) {
    case "computadora":
      return "Con mi computadora puedo programar usando JavaScript";
      break;
    case "celular":
      return "En mi celular puedo aprender usando la app de Platzi";
      break;
    case "cable":
      return "¡Hay un cable en mi bota!";
      break;
    default:
      return "Artículo no encontrado";
  }
}

Rubén Hernández Hernández

student•

En algunos lugares me he topado que prefieren NO USAR sentencias switch o if-else. Así que esta es una versión usando un objeto con los artículos y comparando si no hay una clave que corresponda mediante el operador ??

export function solution(article) {
  let articles = {
    computadora: "Con mi computadora puedo programar usando JavaScript",
    celular: "En mi celular puedo aprender usando la app de Platzi",
    cable: "¡Hay un cable en mi bota!"
  }
  return articles[article] ?? "Artículo no encontrado";
}

De esta manera si se requiere agregar otro artículo solo debemos agregar una línea más y no bloques enteros como si usase en una estructura de control.

Juan Camilo Hoyos Castaño

student•

export function solution(article) {

  if (article == "computadora") {
    return "Con mi computadora puedo programar usando JavaScript"
  } else if (article == "celular") {
    return "En mi celular puedo aprender usando la app de Platzi"
  } else if (article == "cable") {
    return "¡Hay un cable en mi bota!"
  } else {
    return "Artículo no encontrado"
  }
}

Emmanuel Olvera

company_admin•

<export function solution(article) {
  switch (article) {
    case "computadora":
      return("Con mi computadora puedo programar usando JavaScript");
      break;
    case "celular":
      return("En mi celular puedo aprender usando la app de Platzi");
      break;
    case "cable":
      return("¡Hay un cable en mi bota!");
      break;
    default:
      return("Artículo no encontrado");
  }
}
>

Liz Madelyne Fajardo

student•

Tal vez a alguien le haya pasado no me funcionaba por que no veía la tilde en Artículo.

Camilo Andrés Pedroza Mesa

student•

hola, alguien sabe porque esta sucediendo esto ? agradezco su respuesta.

Franklin Pache

student•

Hola, la Razon podria ser porque el texto es diferente, hay algun error ortografico, fijate que donde marca el error dice Expected y Received osea, el texto esperado y el texto recibido seria el error por lo que copia el texto Esperado y remplazalo en tu codigo y listo. Creo ver que tu "Platzi" tiene una tilde a diferencia

Camilo Andrés Pedroza Mesa

student•

muchas gracias, por tu ayuda.

Wilmer Ricardo Hernández Fajardo

student•

Hecho :)

Aramis Garcia Guerrero

student•

He aquí mi aporte

export function solution(article) {
  let msg = "";
  switch (article) {
    case "computadora":
      msg = "Con mi computadora puedo programar usando JavaScript";
      break;
    case "celular":
      msg = "En mi celular puedo aprender usando la app de Platzi";
      break;
    case "cable":
      msg = "¡Hay un cable en mi bota!";
      break;
    default:
      msg = "Artículo no encontrado";
      break;
  }

  return msg;
}

José Alfredo Valladares Villanueva

student•

Gabriela Andrusyzsyn

student•

export function solution(article) {
  switch (article) {
    case 'computadora':{
      return ('Con mi computadora puedo programar usando JavaScript')
      break
    }
    case 'celular':{
      return ('En mi celular puedo aprender usando la app de Platzi')
      break
    }
    case 'cable': {
      return ('¡Hay un cable en mi bota!')
      break
    }
    default: {
      return ('Artículo no encontrado')
    }
  } 
}

Camila Alexandra Martinez

student•

Si no van ayudar con los códigos: no compartan nada, es tanto dejen de hacer spoiler en las actividades, así los demás no aprenden a conciencia

 export function solution(article) {
   switch (true) {
     case (article == "computadora"):
       return "Con mi computadora puedo programar usando JavaScript";
     case (article == "celular"):
       return "En mi celular puedo aprender usando la app de Platzi";
     case (article == "cable"):
       return "¡Hay un cable en mi bota!";
     default:
       return "Artículo no encontrado";
   }
 }

  solution('computadora')
  solution('celular')
  solution('cable')
  solution('ornitorrinco')

export function solution(article) {
  // Tu código aquí 👈
  const options = {
    computadora: 'Con mi computadora puedo programar usando JavaScript',
    celular: 'En mi celular puedo aprender usando la app de Platzi',
    cable: '¡Hay un cable en mi bota!',
  }
  return options[article] || 'Artículo no encontrado'
}

export function solution(article) {
  if (article === 'computadora') {
    return "Con mi computadora puedo programar usando JavaScript"
  } else if (article === 'celular') { 
    return "En mi celular puedo aprender usando la app de Platzi"
  } else if (article === 'cable') {
    return "¡Hay un cable en mi bota!"
  } else {
    return "Artículo no encontrado"
  }
}

export function solution(article) {
  switch (article) { 
    case "computadora":
      return('Con mi computadora puedo programar usando JavaScript');
      break;

    case "celular":
      return ("En mi celular puedo aprender usando la app de Platzi")
      break

    case "cable":
      return "¡Hay un cable en mi bota!"
      break

    default:
      return "Artículo no encontrado"
  }
}

export function solution(article) {
  // Tu código aquí 👈
  switch (article) {
    case "computadora":
      return "Con mi computadora puedo programar usando JavaScript";
      break;
    case "celular":
      return "En mi celular puedo aprender usando la app de Platzi";
      break;
    case "cable":
      return "¡Hay un cable en mi bota!";
      break;
    default:
      return "Artículo no encontrado";
  }
}

export function solution(article) {
  let articles = {
    computadora: "Con mi computadora puedo programar usando JavaScript",
    celular: "En mi celular puedo aprender usando la app de Platzi",
    cable: "¡Hay un cable en mi bota!"
  }
  return articles[article] ?? "Artículo no encontrado";
}

export function solution(article) {

  if (article == "computadora") {
    return "Con mi computadora puedo programar usando JavaScript"
  } else if (article == "celular") {
    return "En mi celular puedo aprender usando la app de Platzi"
  } else if (article == "cable") {
    return "¡Hay un cable en mi bota!"
  } else {
    return "Artículo no encontrado"
  }
}

<export function solution(article) {
  switch (article) {
    case "computadora":
      return("Con mi computadora puedo programar usando JavaScript");
      break;
    case "celular":
      return("En mi celular puedo aprender usando la app de Platzi");
      break;
    case "cable":
      return("¡Hay un cable en mi bota!");
      break;
    default:
      return("Artículo no encontrado");
  }
}
> 

export function solution(article) {
  let msg = "";
  switch (article) {
    case "computadora":
      msg = "Con mi computadora puedo programar usando JavaScript";
      break;
    case "celular":
      msg = "En mi celular puedo aprender usando la app de Platzi";
      break;
    case "cable":
      msg = "¡Hay un cable en mi bota!";
      break;
    default:
      msg = "Artículo no encontrado";
      break;
  }

  return msg;
}

export function solution(article) {
  switch (article) {
    case 'computadora':{
      return ('Con mi computadora puedo programar usando JavaScript')
      break
    }
    case 'celular':{
      return ('En mi celular puedo aprender usando la app de Platzi')
      break
    }
    case 'cable': {
      return ('¡Hay un cable en mi bota!')
      break
    }
    default: {
      return ('Artículo no encontrado')
    }
  } 
}

Playground: tienda de tecnología

Introducción a JavaScript

¿Qué es JavaScript y para qué sirve?

Accede a la versión más actualizada de este contenido

¿Por qué JavaScript?

Elementos de un Lenguaje de Programación: Variables, Funciones y Sintaxis

¿Qué es una variable?

Qué son las funciones en JavaScript

¿Qué es una función declarativa y una expresiva?

Playground: retorna el tipo

Bases de JavaScript

Scope

Hoisting

Coerción

Valores: Truthy y Falsy

Operadores: Asignación, Comparación y Aritméticos.

Playground: compara un número secreto

Condicionales

Condicionales: If, Else, else if

Switch