Correction de la calculatrice avec Emir ;-)

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

});

N'hésitez-pas à poser une question, ou faire avancer le schmilblick

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l’aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google

Vous commentez à l’aide de votre compte Google. Déconnexion /  Changer )

Image Twitter

Vous commentez à l’aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l’aide de votre compte Facebook. Déconnexion /  Changer )

Connexion à %s

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.