// 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);

});