Una página cada día

Problema:

Una página para cada día solo con Javascript

Una web dinámica, donde los contenidos cambian a menudo, suele atraer a los visitantes, que además procuran repetir para no perderse detalle. Y esto puedes hacerlo solo con Javascript.

Por ejemplo: una página de recetas podría poner una menu cada día de la semana.

Solución

Usar el objeto Date para el nombre de la página de día

Preparar una página para cada día (si es una semana 7 páginas) cada una con su contenido.

Prepara la página principal que solo se encargará de abrir la página del día

Tu script se dispara con el evento load vinculado a una función que usará un objeto Date, cuyo método getDay() nos da el número del día de la semana.

Según el día de la semana se envia al navegador a la página del día concreto usando el objeto location y su método replace().

Para determinar la página de destino puedes usar

Una estructura condicional como switch

Un array con los nombres de las páginas de cada día

Páginas con nombre función del número del dia: día1.html, día2.htm....

Ejemplo

La función que redirige tu página sería algo así:

function iraDia() {
let fecha = new Date();

let diaSem = fecha.getDay();

switch (diaSem){

 case 0:

     location.replace("pagdomingo.htm")

     break;

case 1:

     location.replace("paglunes.htm")

     break
 case 2:

     location.replace("pagmartes.htm");

     break;
case 3:

     location.replace("pagmiercoles.htm");

     break;
 case 4:

     location.replace("pagjueves.htm");

     break;
case 5:

     location.replace("pagviernes.htm");

     break;

case 6:

     location.replace("pagsabado.htm");

     break; }

}

En tu página principal colocas un onload en la sección body:

<body onload="iradia( )">... </body>

La página inicial (la que redirecciona) estará vacía como es lógico.

scripts