1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
| window.addEventListener('load', ev => {
// le DOM est construit et la page web est visible
// début code du test
let order = '';
const
elemByes = document.querySelector('#Byes'),
elemBno = document.querySelector('#Bno'),
elemBCyes = document.querySelector('#BCyes'),
elemBCno = document.querySelector('#BCno'),
elemFinalOrder = document.querySelector('#finalOrder');
function vegetarianOption(ev) {
if (ev.target === elemByes) {
order = "Commande végétarienne";
} else if (ev.target === elemBno) {
order = "Commande avec viande";
}
}
function fromageOption(ev) {
if (ev.target === elemBCyes) {
order += ' fromage';
}
}
function commande(ev) {
console.log('Votre commande est en cours de préparation' + ' : ' + order)
order = '';
}
elemByes.addEventListener("click", vegetarianOption);
elemBno.addEventListener("click", vegetarianOption);
elemBCyes.addEventListener("click", fromageOption);
elemBCno.addEventListener("click", fromageOption);
elemFinalOrder.addEventListener("click", commande);
// fin code du test
}, {
capture: false,
passive: true,
once: false
}); |
Partager