exercice js débutant : date demain

Version imprimable

Bonjour, je suis entrain d'apprendre javascript.
Je fais un exercice de code mais je ne trouve pas la solution.

Il s'agit de compléter le code pour que s'affiche le jour suivant le jour actuel. Auriez-vous une idée des erreurs à corriger?
Merci d'avance.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
const jourActuel ="mardi";
let jourSuivant = "mardi";
if (jourActuel === "lundi") { joursuivant = "mardi";
console.log('demain nous serons + jourSuivant');}
else if (jourActuel === "mardi") {jourSuivant = "mercredi"; 
console.log('demain nous serons + jourSuivant');}
else if (jourActuel === "mercredi") {jourSuivant = "jeudi";
console.log('demain nous serons +{jourSuivant}');}
else if (jourActuel === "jeudi") {jourSuivant = "vendredi";
console.log('demain nous serons +{jourSuivant}');}
else if (jourActuel === "vendredi") {jourSuivant = "samedi";
console.log('demain nous serons +{jourSuivant}');}
else if (jourActuel === "samedi") {jourSuivant = "dimanche";
console.log('demain nous serons +{jourSuivant}');}                              
else {console.log("il n'y a pas d'autre jour")}

Salut

La syntaxe de tes commandes Console.Log n'est pas correcte.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
if (jourActuel === "lundi") { joursuivant = "mardi";
console.log('demain nous serons ' + jourSuivant);}
else if (jourActuel === "mardi") {jourSuivant = "mercredi"; 
console.log('demain nous serons ' + jourSuivant);}
else if (jourActuel === "mercredi") {jourSuivant = "jeudi";
console.log('demain nous serons ' +{jourSuivant});}
else if (jourActuel === "jeudi") {jourSuivant = "vendredi";
console.log('demain nous serons ' +{jourSuivant});}
else if (jourActuel === "vendredi") {jourSuivant = "samedi";
console.log('demain nous serons ' +{jourSuivant});}
else if (jourActuel === "samedi") {jourSuivant = "dimanche";
console.log('demain nous serons '+ {jourSuivant});}                              
else {console.log("il n'y a pas d'autre jour")}

Re

Pour le fun, un même résultat avec une autre approche

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
//création d'un tableau des noms des jours de la semaine
let dayNames = ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'];
//Récupération de la date du jour
DateAujourdhui = new Date();
console.log("DateAujourdhui = "+ DateAujourdhui);
//ajout d'un jour exprimé en mSc, au jour d'aujourd'hui
Datedemain = new Date(Number(DateAujourdhui)+86400000);
console.log("Datedemain = " + Datedemain);
let NumJ = Datedemain.getDay(); //obtenir le N° du jour de la semaine de la date Datedemain
//affichage du nom du jour de la semaine par la variable tableau à l'index N° jour
console.log("demain le nom du jour de la semaine sera " + dayNames[NumJ]);
NumJ = DateAujourdhui.getDay();//obtenir le N° du jour de la semaine de la date DateAujourdhui
console.log("donc aujourd'hui le nom du jour de la semaine est " + dayNames[NumJ]);

Ou avec une autre approche encore...

Code:

1
2
3
const d=new Date();
const dem=Date.UTC(d.getUTCFullYear(),d.getUTCMonth(),d.getUTCDate()+1);
console.log("Demain, nous serons",new Intl.DateTimeFormat('default', {weekday:"long"}).format(dem)+".");

Bonjour,

puisque Diegomarck semble être débutant en JavaScript, je vais avoir une approche plus... pédagogique.

0- D'abord, prends l'habitude de mettre use strict au début du code JS :

Code:

'use strict';

1- Solution 1 : if / else if / else
(reprise / correction / optimisation de ton code)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
'use strict';
 
const jourActuel ="mardi";
 
let jourSuivant = "";
if (jourActuel === "lundi") {
  joursuivant = "mardi";
}
else if (jourActuel === "mardi") {
  jourSuivant = "mercredi";
}
else if (jourActuel === "mercredi") {
  jourSuivant = "jeudi";
}
else if (jourActuel === "jeudi") {
  jourSuivant = "vendredi";
}
else if (jourActuel === "vendredi") {
  jourSuivant = "samedi";
}
else if (jourActuel === "samedi") {
  jourSuivant = "dimanche";
}
else if (jourActuel === "dimanche") {
  jourSuivant = "lundi";
}
// affichage
if( jourSuivant != '')
{
  console.log("demain nous serons " + jourSuivant);
} else {
  console.log("il n'y a pas d'autre jour");
}

pour info, tu avais oublié la condition : si ("dimanche") -> "lundi"

2- Solution 2 : switch / case

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
'use strict';
 
const jourActuel ="mardi";
 
let jourSuivant = "";
switch( jourActuel )
{
  case "lundi":
    joursuivant = "mardi";
    break;
  case "mardi":
    jourSuivant = "mercredi";
    break;
  case "mercredi":
    jourSuivant = "jeudi";
    break;
  case "jeudi":
    jourSuivant = "vendredi";
    break;
  case "vendredi":
    jourSuivant = "samedi";
    break;
  case "samedi":
    jourSuivant = "dimanche";
    break;
  case "dimanche":
    jourSuivant = "lundi";
    break;
  default:
    jourSuivant = "";
}
// affichage
if( jourSuivant != '')
{
  console.log("demain nous serons " + jourSuivant);
} else {
  console.log("il n'y a pas d'autre jour");
}

3- Solution 3 : utilisation d'un array des noms de jours

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
'use strict';
 
const dayNames = ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'];
 
let jourActuel = "Mardi";
let jourSuivant = dayNames[(dayNames.indexOf(jourActuel)+1)%7];
 
// affichage
if( jourSuivant != '')
{
  console.log("demain nous serons " + jourSuivant);
} else {
  console.log("il n'y a pas d'autre jour");
}

Explication de cette ligne :

Code:

let jourSuivant = dayNames[(dayNames.indexOf(jourActuel)+1)%7];

Qu'on peut décomposer en :

Code:

1
2
3
4
5
6
7
8
9
// index ** de l'array "dayNames", pour la valeur de "jourActuel"
let jourActuel_index = dayNames.indexOf(jourActuel);
// Index du jour suivant
let jourSuivant_index = jourActuel_index + 1;
// si jourActuel = "Samedi", jourSuivant_index vaudra 7. Or, il n'y a pas d'index 7 dans l'array : on aura une erreur.
// Solution : on utilise le modulo (ou "Reste)
jourSuivant_index = (jourActuel_index + 1) % 7;
// Nom du jour suivant
jourSuivant = dayNames[jourSuivant_index];

Voir :

.indexOf()
** IMPORTANT : l'index d'un array JS commence toujours par 0 (zéro)
modulo ou "Reste") *
Le "modulo" (ou "reste") est "le reste de la division du premier opérande par le second"

ex. : "modulo 3"

0%3 = 0
1%3 = 1
2%3 = 2
3%3 = 0
4%3 = 1
5%3 = 2
6%3 = 0
7%3 = 1
8%3 = 2
9%3 = 0

On voit que TOUS les multiples de 3 renvoient 0 (zéro).
C'est CETTE ASTUCE qu'on va exploiter.

Dans notre cas, dayNames se compose de 7 éléments, dont les index vont de 0 à 6.
Il n'y a pas d'index 7 dans l'array : on aura une erreur si on essaie d'afficher dayNames[7].
On utilisera donc "modulo 7", car 7%7 = 0, et dayNames[0] existe bien !

4- Affichage - plusieurs solutions

Code:

1
2
3
4
5
6
7
// affichage
if( jourSuivant != '')
{
  console.log("demain nous serons " + jourSuivant);
} else {
  console.log("il n'y a pas d'autre jour");
}

Code:

1
2
3
4
5
6
7
8
9
// affichage
let affichage = '';
if( jourSuivant != '')
{
  affichage = "demain nous serons " + jourSuivant;
} else {
  affichage = "il n'y a pas d'autre jour";
}
console.log( affichage );

Avec Opérateur ternaire :

Code:

1
2
let affichage = ( jourSuivant != '')? "demain nous serons " + jourSuivant : "il n'y a pas d'autre jour";
console.log( affichage );

21/08/2019, 16h39
Diegomarck

Merci pour vos nombreuses réponses et solutions!!!:D