25 Oct Ejercicio – ¿En qué día de la semana estamos?
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";
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:
Repasamos los distintos métodos directos e indirectos y estrategias para acceder e identificar los nodos del DOM de modo inequívoco.
Ejercicio práctico con solución sobre como crear un menú vertical con submenú vertical desplegable en javascript sin jquery. Incluye solución.
Ejercicio lista de la compra con Javascript. Incluye solución. Se practica la creación y eliminación de nodos, this, addEventListener, ...
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Ejercicio que pregunta iterativamente el color del caballo blanco de santiago hasta que se resuelve. Incluye solución.
Para poder sustituir un nodo por otro en el DOM previamente necesitas saber como: Identificar nodos del DOM. Crear nuevos nodos. Si tienes claros esto...
No hay comentarios