Pages

Projets

 Projet → filtre

de JS → HTML

 



Les bases du DOM 

L'idée est de transformer une donnée JavaScript en élément HTML affiché dans la page.   


DS byYourself

    💥Echauffement 10 minutes par jour 

 ✒️Auto-corrigé
🖊️ Auto-corrigé
✏️ Auto-corrigé
🖌️ Auto-corrigé


   

Entrainement aux examens



5 minutes pour tout comprendre : → Objectif


🕑 Le sujet d'examen 10 minutes ! 


🎞️const films = [

  { titre: "Inception", genre: "SF", note: 9, annee: 2010 },

  { titre: "Titanic", genre: "Romance", note: 8, annee: 1997 },

  { titre: "The Godfather", genre: "Crime", note: 10, annee: 1972 },

  { titre: "Pulp Fiction", genre: "Crime", note: 9, annee: 1994 },

  { titre: "Goodfellas", genre: "Crime", note: 8, annee: 1990 },

  { titre: "The Shawshank Redemption", genre: "Drame", note: 10, annee: 1994 },

  { titre: "The Dark Knight", genre: "Action", note: 9, annee: 2008 },

  { titre: "Interstellar", genre: "SF", note: 10, annee: 2014 },

  { titre: "Amélie", genre: "Comédie", note: 7, annee: 2001 },

  { titre: "Avatar", genre: "SF", note: 7, annee: 2009 },

];


🪛Trouvez la décennie la mieux notée !

Une décennie = une période de dix ans. Plus précisément, une décennie correspond à dix années consécutives. 

 Exemple : 2010 = la décennie des années 2011 à 2020.

Note d'une décenie = Somme des notes des films de la décenie.


🛟Aide


Réflechissez à une structure du style

Objet.entries : Object.entries

Map.entries : Map.entries

TD : entrainement à l'examen !

  1. const students = [

  2.     { name: "Amed", city: "Evry" },

  3.     { name: "Bob", city: "Evry" },

  4.     { name: "Charlie", city: "Paris" },

  5.     { name: "David", city: "Paris" },

  6.     { name: "Emma", city: "Evry" },

  7.     { name: "Fatima", city: "Lyon" }

  8. ];


trouvez les deux villes qui logent le plus d'habitants

Attention : utilisez une Map et Map.groupBy !