// fichier HTML <!doctype html>
RepasDécouvrez Votre Empreinte Carbone sur une Semaine: Selon repas consommé
<fieldset>
<div>
<legend>Séléctionnez vos repas pendant la semaine :</legend>
<select name="repas" id="repas"></select>
</div>
</fieldset>
// Requête XMLHttpRequest pour récupérer les options de repas const xhr1 = new XMLHttpRequest(); xhr1.open("GET", "https://impactco2.fr/api/v1/thematiques/ecv/2?detail=0"); xhr1.onreadystatechange = function () { if (xhr1.readyState === 4 && xhr1.status === 200) { const optionsData = JSON.parse(xhr1.responseText); const tab1 = optionsData.data; console.log(tab1);
const repas = document.querySelector("#repas");
// Boucle sur les indices spécifiés pour ajouter les options à la liste déroulante
tab1.forEach(option => {
const optionElement = document.createElement("option");
optionElement.textContent = option.name;
optionElement.value = option.ecv;
repas.appendChild(optionElement);
});
}
}; xhr1.send();