Défi

Vous avez listé vos films d'animation préférés en renseignant les caractéristiques suivantes : « titre », « titre original », « durée », « année », « réalisateur », « studio », « origine », « personnage principal », « distinction majeure » :

  • Le voyage de Chihiro ; Sen to Chihiro no kamikakushi ; 124 min ; 2001 ; Hayao Miyazaki ; Studio Ghibli ; Japonais ; Chihiro ; 10e sur les 100 meilleurs films de tous les temps en langue non-anglaise ;

  • Le Château ambulant ; Hauru no ugoku shiro ; 119 min ; 2004 ; Studio Ghibli ; Hayao Miyazaki ; Japonais ; Hauru ; Nomination à l'Oscar du meilleur film d'animation en 2006 ;

  • Anastasia ; Anastasia ; 94 min ; 1997 ; Fox Animation Studios ; Don Bluth et Gary Goldman ; Américain ; Anastasia ;

  • Spirit, l'étalon des plaines ; Spirit: Stallion of the Cimarron ; 84 min, 2002 ; DreamWorks Animation ; Kelly Asbury ; Américain ; Spirit ; Nomination à l'Oscar du meilleur film d'animation en 2003 ;

  • Ratatouille ; Ratatouille ; 111 min ; 2007 ; Brad Bird ; Pixar ; Américain ; Rémy; Oscar du meilleur film d'animation en 2007.

On souhaite présenter nos favoris grâce à un programme qui permettra d'afficher les détails sur chaque film.

Question

Initialiser le programme en stockant ces films dans un tableau.

Indice

Le tableau est en deux dimensions : un tableau de films, chacun étant lui-même un tableau dont les cases stockent ses caractéristiques.

Solution

1
/** JavaScript */
2
const films = [
3
  // titre, titre original, durée (min), année, réalisateur, studio, origine, personnage principal, distinction
4
  [
5
    'Le voyage de Chihiro',
6
    'Sen to Chihiro no kamikakushi',
7
    124,
8
    2001,
9
    'Hayao Miyazaki',
10
    'Studio Ghibli',
11
    'Japonais',
12
    'Chihiro',
13
    '10e sur les 100 meilleurs films de tous les temps en langue non-anglaise'
14
  ],
15
  [
16
    'Le Château ambulant',
17
    'Hauru no ugoku shiro',
18
    119,
19
    2004,
20
    'Studio Ghibli',
21
    'Hayao Miyazaki',
22
    'Japonais',
23
    'Hauru',
24
    "Nomination à l'Oscar du meilleur film d'animation en 2006"
25
  ],
26
  [
27
    'Anastasia ',
28
    'Anastasia',
29
    94,
30
    1997,
31
    'Fox Animation Studios',
32
    'Don Bluth et Gary Goldman',
33
    'Américain',
34
    'Anastasia'
35
  ],
36
  [
37
    'Spirit, l\'étalon des plaines',
38
    'Spirit: Stallion of the Cimarron',
39
    84,
40
    2002,
41
    'DreamWorks Animation',
42
    'Kelly Asbury',
43
    'Américain',
44
    'Spirit',
45
    "Nomination à l'Oscar du meilleur film d'animation en 2003"
46
  ],
47
  [
48
    'Ratatouille',
49
    'Ratatouille',
50
    111,
51
    2007,
52
    'Brad Bird',
53
    'Pixar',
54
    'Américain',
55
    'Rémy',
56
    "Oscar du meilleur film d'animation en 2007"
57
  ]
58
]
59
Question
Compléter le programme pour qu'il affiche la liste des titres de chaque film et leur date de sortie, précédés du numéro du film. Les numéros commencent à 1.
Ex : 1 Le voyage de Chihiro (2001)
Solution
1
for (let i = 0; i < films.length; i++) {
2
  console.log(i + 1, films[i][0], '(' + films[i][3] + ')')
3
}
Question
Vous voulez maintenant pouvoir sélectionner un numéro de film et afficher ses informations. Compléter le programme pour récupérer un numéro de film et l'afficher, en répétant l'opération tant que l'utilisateur le souhaite. Il faut pour cela ajouter une option « X » pour sortir du menu.
Il faut également s'assurer que l'entrée corresponde soit à l'option « Sortir », soit à un numéro de film.
Voici un exemple d'affichage que le code doit produire :
1
X Sortir
2
1 Le voyage de Chihiro (2001)
3
2 Le Château ambulant (2004)
4
3 Anastasia  (1997)
5
4 Spirit, l'étalon des plaines (2002)
6
5 Ratatouille (2007)
7
Sélection > 1
8
Titre: Le voyage de Chihiro
9
Titre original: Sen to Chihiro no kamikakushi
10
Durée: 124 min
11
Année de sortie: 2001
12
Réalisateur: Hayao Miyazaki
13
Studio: Studio Ghibli
14
Origine: Japonais
15
Personnage principal: Chihiro
16
Distinction: 10e sur les 100 meilleurs films de tous les temps en langue non-anglaise
Indice
Il faut tester l'entrée en vérifiant qu'elle est soit égale à « X », soit comprise entre 1 et la taille du tableau.
Solution
1
/** JavaScript */
2
let input
3
let selectedFilm
4
let end = false
5
6
while (!end) {
7
  console.log('X Sortir')
8
9
  for (let i = 0; i < films.length; i++) {
10
    console.log(i + 1, films[i][0], '(' + films[i][3] + ')')
11
  }
12
13
  input = prompt('Sélection ')
14
  if (input === 'X') {
15
    end = true
16
  } else if (input > 0 && input <= films.length) {
17
    selectedFilm = films[input - 1]
18
    console.log('Titre:', selectedFilm[0])
19
    console.log('Titre original:', selectedFilm[1])
20
    console.log('Durée:', selectedFilm[2], 'min')
21
    console.log('Année de sortie:', selectedFilm[3])
22
    console.log('Réalisateur:', selectedFilm[4])
23
    console.log('Studio:', selectedFilm[5])
24
    console.log('Origine:', selectedFilm[6])
25
    console.log('Personnage principal:', selectedFilm[7])
26
    console.log('Distinction:', selectedFilm[8])
27
  }
28
}
Question
Finalement, vous voulez ajouter au tableau les films préférés des utilisateurs. Il faut donc ajouter au programme une option « A » pour pouvoir ajouter un film, qui demande chaque information, crée le film et l'ajoute au tableau.
Il n'est pas utile de vérifier les informations entrées pour l'instant.
Indice
Pour créer un nouveau film, il suffit de créer un nouveau tableau vide et d'y ajouter les caractéristiques une à une.
Indice
Utiliser la méthode films.push pour rajouter le tableau nouvellement créé à la liste des films.
Solution
Un nouveau film est créé par un tableau vide puis, grâce à la fonction push, en lui ajoutant les caractéristiques une à une.
1
let input
2
let selectedFilm
3
let end = false
4
5
while (!end) {
6
  console.log('X Sortir')
7
  console.log('A Ajouter')
8
9
  for (let i = 0; i < films.length; i++) {
10
    console.log(i + 1, films[i][0], '(' + films[i][3] + ')')
11
  }
12
13
  input = prompt('Sélection ')
14
  // sortir du programme
15
  if (input === 'X') {
16
    end = true
17
  } else if (input === 'A') { // créer un film
18
    const newFilm = []
19
    console.log('Nouveau film:')
20
    newFilm.push(prompt('Titre'))
21
    newFilm.push(prompt('Titre original'))
22
    newFilm.push(prompt('Durée'))
23
    newFilm.push(prompt('Année de sortie'))
24
    newFilm.push(prompt('Réalisateur'))
25
    newFilm.push(prompt('Studio'))
26
    newFilm.push(prompt('Origine'))
27
    newFilm.push(prompt('Personnage principal'))
28
    newFilm.push(prompt('Distinction'))
29
    films.push(newFilm)
30
  } else if (input > 0 && input <= films.length) { // afficher le film
31
    selectedFilm = films[input - 1]
32
    console.log('Titre:', selectedFilm[0])
33
    console.log('Titre original:', selectedFilm[1])
34
    console.log('Durée:', selectedFilm[2], 'min')
35
    console.log('Année de sortie:', selectedFilm[3])
36
    console.log('Réalisateur:', selectedFilm[4])
37
    console.log('Studio:', selectedFilm[5])
38
    console.log('Origine:', selectedFilm[6])
39
    console.log('Personnage principal:', selectedFilm[7])
40
    console.log('Distinction:', selectedFilm[8])
41
  }
42
}