Partage
  • Partager sur Facebook
  • Partager sur Twitter

Apparition du formulaire pour l'activité 2 JS

Créez des pages web interactives avec JavaScript

    25 mars 2017 à 9:44:56

    Bonjour tout le monde. 

    Je suis actuellement le cour "Créez des pages web interactives avec JavaScript" et cela fait plusieurs jours que je suis bloqué à l'activité 2. J'ai réussi à implanter le bouton "Ajouter un lien" en JavaScript, mais je n'arrive pas à faire apparaître le formulaire au clic de ce bouton. Voici mon code :

    // Création du bouton d'ajout de liens
    	var addButton = document.createElement("button");
    	addButton.type = "button";
    	addButton.textContent = "Ajouter un lien";
    
    
    
    
    // Insertion du bouton dans divForm
    	var divForm = document.getElementById("divForm");
    	divForm.appendChild(addButton);
    
    
    
    
    // Création du formulaire
    	var addForm = document.createElement("form");
    
    
    	// Création des input
    		var adderName = createElement("input");
    		adderName.type = "text";
    		adderName.placeholder="Entrez votre nom: ";
    		adderName.required="true";
    
    		var linkTitle = createElement("input");
    		linkTitle.type = "text";
    		linkTitle.placeholder="Entrez le titre du lien: ";
    		linkTitle.required="true";
    
    		var linkurl = createElement("input");
    		linkurl.type = "text";
    		linkurl.placeholder="Entrez l'url du lien: ";
    		linkurl.required="true";
    
    		var submitButton = createElement("input");
    		submitButton.type = "submit";
    		submitButton.value="Ajouter";
    
    
    		// Insertion des input dans le formulaire
    		addForm.appendChild(adderName);
    		addForm.appendChild(linkTitle);
    		addForm.appendChild(linkurl);
    		addForm.appendChild(submitButton);
    
    
    
    
    // Evénement click du addButon
    	addButton.addEventListener("click", function(e)
    	    {
    	    	var styleAddButton = getComputedStyle(addButton);
    	        styleAddButton.display = "none";
    	        divForm.appendChild(addForm);
    
    	    });

    Si quelqu'un peut m'aider c'est super ! Merci d'avance ! :)

    • Partager sur Facebook
    • Partager sur Twitter

    TooKi

      25 mars 2017 à 17:41:53

      createElement est une méthode qui appartient à document, donc => document.createElement partout, pour le getComputedStyle, il me semble qu'il n'est acceccible qu'en lecture, tu va donc avoir une autre erreur à se niveau la
      • Partager sur Facebook
      • Partager sur Twitter
      Les gens qu'on interroge, pourvu qu'on les interroge bien, trouvent d'eux-mêmes les bonnes réponses.

      Apparition du formulaire pour l'activité 2 JS

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown