Merci Emir ! On a suivi pas à pas ton cheminement et c’était très formateur 😀
TP noté lundi (A) et mardi (B)
Le code en cliquant sur « lire la suite ».
// recuperation du contenu
let contenuElt = document.getElementById('contenu');
//on crée un formulaire
let formulaireElt = document.createElement('form');
// je créé la premiere zone de text
contenuElt.appendChild(formulaireElt);
// web <-- (variable)
function creerElementZoneSaisie(texteDefaut) {
let inputElt = document.createElement('input');
inputElt.type = "text";
inputElt.setAttribute("placeholder", texteDefaut);
inputElt.setAttribute("size", 20);
inputElt.setAttribute("required", "true");
return inputElt;
};
let input1Elt = creerElementZoneSaisie("a");
let input2Elt = creerElementZoneSaisie("b");
formulaireElt.appendChild(input1Elt);
formulaireElt.appendChild(input2Elt);
// je crée un bouton
let boutonElt = document.createElement('input');
formulaireElt.appendChild(boutonElt);
boutonElt.type = "submit";
boutonElt.value = "+";
let divElt = document.createElement('div');
contenuElt.appendChild(divElt);
// j'écoute le formulaire
formulaireElt.addEventListener('submit',function(e) {
e.preventDefault(); // on intercepte l'evenement
let a= Number(input1Elt.value);
let b= Number(input2Elt.value);
console.log("Le resultat " + (a + b) );
let paraElt = document.createElement('p');
paraElt.innerHTML = a + " + " + b + " = " + (a +b );
//divElt.appendChild(paraElt);
divElt.insertBefore(paraElt,divElt.firstChild);
});