J'ai donc ajouté un bouton qui crée une liste non ordonnée d'un tableau (Var List_Content = ["Apple", "Banana", "Orange", "Mangue", "Papaya"];), avec chaque article de tableau En tant qu'élément de liste Cependant, lorsque je clique sur le bouton de ma page Web, 'Applebanaorangemangopapaya' est imprimé Après chaque bouton, cliquez sur. Lorsque je change la boucle pour être: alors tout ce qui est imprimé est J'ai besoin du bouton pour imprimer "Apple", "Banana", "Orange", "Mangue" et "Papaye" séparément après chaque bouton (SO ' Apple 'le premier clic, "banane" au deuxième clic, etc.) mais je suis coincé sur la façon de le faire.
3 Réponses :
Ceci se produit comme vous bougeez via le tableau code> ListContent code> sur chaque bouton Cliquez sur chaque bouton. Vous pouvez le résoudre en ajoutant une variable code> index code> avec la valeur par défaut 0 et n'ajoute que l'élément code> listContent code> à cet index et à l'aide de post-incraction p> ++ code> Il continuera à ajouter l'élément suivant sur chaque clic comme:
<button id="btn4">Click Me</button>
<div id="div4"></div>
Essayez ceci ci-dessous:
var question4 = document.querySelector('#btn4');
question4.addEventListener('click', switch4);
var listContent = ['Apple', 'Banana', 'Orange', 'Mango', 'Papaya'];
i = 0;
function switch4() {
var newElement = document.createElement('Li');
div4.appendChild(newElement);
newElement.textContent = listContent[i];
i++;
if (i >= listContent.length){
i = 0;
}
}
Vous êtes en boucle via le tableau et Ajoutez tous les éléments de la matrice à la même Si vous souhaitez ajouter un élément à chaque clic, vous devez ajouter une variable Pour suivre la hausse de l'élément que vous avez ajouté à la liste. Li que vous avez créé.
Chaque fois que vous cliquez, tous les éléments de la matrice sont fusionnés et ajoutés comme un nouveau li solution