function load(ev) { const multiplication = document.getElementById('multiplication'); multiplication.gauche.value = 42; console.log('gauche =', multiplication.gauche); const gauche = multiplication.gauche; const vg = multiplication.gauche.value; // 2. function maj_produit() { multiplication.produit.value = multiplication.gauche.value * multiplication.droite.value; } multiplication.calculer.addEventListener('click', maj_produit); multiplication.calculer.addEventListener('click', (ev) => console.log("click sur calculer :", ev)); // 3. multiplication.gauche.addEventListener('change', maj_produit); multiplication.gauche.addEventListener('change', (ev) => console.log("change à gauche :", ev)); multiplication.droite.addEventListener('keypress', maj_produit); // Attention : keypress ne capture pas delete multiplication.droite.addEventListener('keypress', (ev) => console.log("keypress à droite :", ev)); multiplication.droite.addEventListener('keyup', maj_produit); multiplication.droite.addEventListener('keyup', (ev) => console.log("keyup à droite :", ev)); multiplication.gauche.addEventListener('input', maj_produit); multiplication.gauche.addEventListener('input', (ev) => console.log("input à gauche :", ev)); // 6. multiplication.changer.addEventListener('click', ev => { multiplication.gauche.value = 42; // 6.a // Attention, ne provoque pas le recalcule. // 6.b multiplication.gauche.dispatchEvent(new Event('change')); // 6.c }); multiplication.addEventListener('submit', ev => { console.log("submit fired..."); return false; }); } // load(); // pourrait s'exécuter avant que le DOM soit construit window.addEventListener('load', load);