25 Oct Ejercicio – ¿En qué día de la semana estamos?
En este ejercicio vamos a aplicar el concepto de condicional y veremos como muchas veces siempre hay una solución mejor.
Existen dos tipos de condicionales que podemos usar.
- Estructura switch(){}
- Estructura if(){}else{}
Te sugiera hacer este ejercicio previamente.
Enunciado
Escribe mediante javascript una rutina que devuelva por pantalla el día exacto de la semana en el que nos encontramos.
El día debe ser devuelto en formato texto. Por ejemplo lunes, martes, miércoles,… domingo.
Solución del ejercicio
Hay varias posibles soluciones.
Todas tienen en común el uso del método getDay() para un objeto de tipo fecha. La particularidad es que devuelve un número del 0 al 6 siendo el 0 el domingo y el 6 el sábado.
La primera y más obvia es mediante el uso de un switch(). Se evalúan todos los casos y se almacena en una variable el texto que queremos escribir.
La segunda solución sorprende un poco la primera vez que la ves. Es la solución óptima.
Nos valemos de un array con los días ordenados. Después simplemente hay que pedir al array que nos devuelva la posición que marca el valor numérico devuelto por .getDay()
Solución mediante switch(){}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="que dia de la semana es">
<meta name="author" content="Francesc Ricart">
<title>Solución sin condicionales</title>
</head>
<body>
<script>
var d = new Date();
var numDia = d.getDay();
var traduccion;
switch(numDia){
case 0:
traduccion = "domingo";
break;
case 1:
traduccion = "lunes";
break;
case 2:
traduccion = "martes";
break;
case 3:
traduccion = "miércoles";
break;
case 4:
traduccion = "jueves";
break;
case 5:
traduccion = "viernes";
break;
case 6:
traduccion = "sábado";
break;
default:
traduccion ="[error]"
}
document.write("hoy es " + traduccion);
</script>
</body>
</html>Solución mediante un array. Solución óptima.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="que dia de la semana es">
<meta name="author" content="Francesc Ricart">
<title>Solución óptima con array</title>
</head>
<body>
<script>
var d = new Date();
var semana = ["domingo","lunes","martes","miércoles","jueves","viernes","sábado"]
document.write("hoy es " + semana[d.getDay()]);
</script>
</body>
</html>¡Hola!
Querido lector,
Típicamente en clase todo el mundo opta por la primera solución con switch(){}.
Personalmente me gusta más con el array() por el poco número de líneas de código que usa.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
Entradas relacionadas:
Veamos como podemos deshabitar el envío de un formulario web mediante javascript haciendo uso del evento submit() y preventDefault()
Programa javascript que inserta un audio en una web y lo quita. Es un muy buen ejercicio de repaso. Incluye vídeo con el paso a paso.
Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...
Ejemplo académico de como hacer con javascript una galería de imágenes de producto para una ficha de producto de una tienda.
Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.
Ejercicio javascript dónde se repasa la sintaxi de funciones. Corrige los errores.
No Comments