A partir du dossier zip ci dessous, codez la partie JavaScript nécessaire au fonctionnement du site web. https://dev.drangies.fr/exam/exam2.zip
Au menu :
- gestion des évènements
- récupération des données
- manipulation de données (json, tableaux, chaines de caractères, etc.)
- opérations sur les tableaux
- logique conditionnelle
- manipulation et création HTML
Voir la vidéo de référence pour voir le résultat attendu : https://vimeo.com/265820928
- URL des données https://dev.drangies.fr/exam
- le fichier JavaScript contient les zones à remplir.
- le code JavaScript peut tenir en moins de 100 lignes.
- il est interdit de toucher au HTML et au CSS.
- l'effet de slide est réalisé grace à un
transform: translateX()
// Chargment des données et création des pages
fetch('https://dev.drangies.fr/exam').then(function(res) {
return res.json().then(function(data) {
console.log(data);
createPageUn(data);
createPageDeux(data);
createPageTrois(data);
});
});
var createPageUn = function(data) {
// Votre code pour la fonction
};
var createPageDeux = function(data) {
// Votre code pour la fonction
};
var createPageTrois = function(data) {
// Votre code pour la fonction
};