dupontL2

Examen : 2H

🌶️Donnez l'équivalent de la méthode closest. La méthode closest() traverse l'élément courant et ses parents (en direction de la racine) jusqu'à trouver un nœud qui correspond aux sélecteurs exprimés par la chaîne de caractères passée en argument. Elle renverra l'élément ou l'ancêtre le plus proche qui correspond. Si aucun élément ne correspond, la méthode renvoie null.

Vous devez utilisez element.matches(selector). La méthode matches() renvoie true lorsque l'élément peut être sélectionné par le sélecteur défini par la chaîne passée en paramètre ; sinon, elle renvoie false.

🍕On dispose d'une BD (un tableau de pizzas) et d'une carte (Map). Chaque élément de la carte (Map) associe un emoji représentant un ingrédient à son prix.

pizzas = [{ name:"queen", toppings: ["🐷","🍄","🍅","🧀"], crust:"yeasted|flatbread" }, … ] prices = new Map([ 🍅", 1], …]

1) Donnez le code pour afficher un tableau.

Utilisez

Object.keys
map
join

2) Donnez le code pour obtenir les pizzas à pâte épaisse pizzasWithYeastedCrust

3) Donnez uniquement le code de la transformation qui permettrait d'afficher les prix des pizzas.

Utilisez

reduce
map
get
…

4)Complétez l'écriture de l'événement sur le container des cartes pour rendre visible ou pas les informations d'une pizza.

On clique sur Pizza cheese et le contenu apparaît

HTMLtemplate

const cardTemplate = `

<h5>Pizza {{name}}</h5>

</div>

<p>Crust: {{crust}} </p>

<p>Toppings: {{toppings}}</p>

</div>

container.addEventListener("click", function (event) {

if (event.target.closest(".card")) {

cardBody.classList.toggle("d-none");

}

});

5) Complétez le code pour afficher les pizzas dont les prix est inférieur à 7$ (Promo > $7)

et les autres pizzas (Classic)

const temp = pizzas.map((pizza) => ({

...pizza,

price: value

}));

const groups = Object.__0__(temp, (pizza) =>

__1__

);

const transformation = Object.__2__(groups).map(([key, value]) => ({Type:__3__,

pizzas: __4__,

}));

1 :

2 :

3 :

4 :

dupontL2

Pages

Bonne revision !

Python : serveur Django

Challenge !

👿Recherche d'un bug !

Fin d'année

Mathis "Obstinate" Beauville, a présenté l'alternance en miage. Il nous a parlé d'un sujet test que peuvent demander un employeur pour tester nos connaissance : la TODO list

*Présentation de l'alternance Miage

Event

Calculette :

🚀 En action