HTML Elements

En un mundo frontendero donde muchos JS Devs usan y abusan de usar elementos HTML no accesibles, Patrick Weaver se propuso aprender a utilizarlos mejor y a crear un artículo HTML utilizándolos todos o casi todos.

Este artículo es un repaso a los elementos HTML existentes y como utilizarlos para crear un sitio web más accesible y semántico.

NOTICIA
Conoce la nueva versión de julio de 2023 de Visual Studio Code.

La nueva actualización te ayudará a solucionar los siguientes problemas: Mejoras de accesibilidad, Perfiles de VS Code, actualizaciones de cuadernos, entre otras. ¿Quieres conocer más? Visita el link que te dejamos a continuación.

HERRAMIENTA
Consrtuye productos más completos

La solución más completa para hacer API mocking que te permitirá construir productos más completos, complejos y responsivos.

VACANTE
Desarrollador Senior Full-Stack

Únete al equipo de Inpsyde para codificar e implementar nuevas funciones en los proyectos de su sitio web, así como de participar en las definiciones de arquitectura. Es importante que cuentes con conocimiento sólido y experiencia laboral con PHP object-oriented y JavaScript (específicamente React), HTML y CSS, además de tener experiencia con herramientas de front-end para JS y CSS. Algunos de los beneficios de esta vacante son: Trabajo 100% remoto con horario flexible, atractivas prestaciones entre otras. Conoce más sobre la vacante con el link de abajo.

CHALLENGE
Tienes una cafetera inteligente que prepara café según tu estado de ánimo.

Si estás "cansado", te hace un café extra fuerte.

Si estás "feliz", te hace un café suave.

Si estás "triste", te hace un café con chocolate.

Escribe una función que, según tu estado de ánimo, te indique qué tipo de café te hará la cafetera.

RESULTADO

function relojParlante(hora, minuto) {
  const horas = ["doce", "una", "dos", "tres", "cuatro", "cinco", "seis", "siete", "ocho", "nueve", "diez", "once"];
  const minutos = ["en punto", "y cinco", "y diez", "y cuarto", "y veinte", "y veinticinco", "y media"];
  
  let resultado = "Son las " + horas[hora % 12];
  if (minuto % 5 === 0 && minuto < 30) {
    resultado += " " + minutos[minuto / 5];
  }
  
  return resultado;
}