J'essaie de créer un bouton à l'aide de la matrice, mais lorsque j'essaie d'écrire du texte dans une entrée de texte et essayez de créer un bouton, il ne modifie pas la valeur.
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="container">
<div class="row">
<div id="buttons"></div>
</div>
<div class="row">
<div class="col-sm-3">
<div id="gif"></div>
</div>
<div class="col-sm-9">
<div id="submit"></div>
</div>
</div>
</div>
</body>6 Réponses :
Est-ce ce que vous recherchez? Le code est commenté pour vous montrer les étapes
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="buttons"> </div> <div> <input type="text" id="button-text"/> <button onClick="addButton()">Add Button</button> </div>
Le problème avec votre code existant est que vous avez déclaré la variable Si vous mettez à jour Votre bouton d'envoi Cliquez sur l'événement comme suit, vous accomplirez ce que vous recherchez: P> i code> dans votre boucle, mais vous n'étribuez pas la valeur lorsque vous ajoutez manuellement le nouveau bouton. $(submit).on("click", function(){
var textBtn = text.val();
family.push(textBtn);
console.log(family);
btns();
i++; // Added the increment of 'i' here.
});
Vous vous référez Vous devez déplacer l'itération dans la fonction BTNS et créer une autre fonction qui est seul responsable de créer un bouton avec le texte transmis comme paramètre. Et appelez la fonction Create Button à partir de votre fonction Le code exemple peut être trouvé ici: https://codesandbox.io/s/pop7vkzpx i dans votre fonction BTNS . La manière recommandée est de créer une étendue pour toute variable. Je préfère utiliser let et const pour mettre en place les variables.
BTNS . Et facilement, vous pouvez réutiliser la fonction Create Button Même pour votre Cliquer sur Gestionnaire d'événements.
Il n'y a pas d'erreur de syntaxe ici. La variable i est déclarée sans le mot-clé Var, il a donc une portée globale.
Peu de choses ici
Vous n'avez peut-être pas besoin de créer l'entrée et le bouton à l'aide de JS. Vous pouvez le créer à l'aide de HTML uniquement P> LI>
Le p> i code> dans la boucle de vue est global, placez un mot-clé avant de pouvoir puis de passer la famille [I] code> au BTNS Code> fonction p> li>
ol>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="container">
<div class="row">
<div id="buttons"></div>
</div>
<div class="row">
<div class="col-sm-3">
<div id="gif"></div>
</div>
<div class="col-sm-9">
<div id="submit">
<input type='text' id='submitIp' name='text'><button id='submitBtn'>Submit</button>
</div>
</div>
</div>
</div>
</body>
Ici, votre boucle est le problème principal ... Vous devez ajouter un élément singulièrement
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="container">
<div class="row">
<div id="buttons"></div>
</div>
<div class="row">
<div class="col-sm-3">
<div id="gif"></div>
</div>
<div class="col-sm-9">
<div id="submit"></div>
</div>
</div>
</div>
</body>vous manquez de sélecteur lors de l'entrée VAL
P>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<div class="container">
<div class="row">
<div id="buttons"></div>
</div>
<div class="row">
<div class="col-sm-3">
<div id="gif"></div>
</div>
<div class="col-sm-9">
<div id="submit"></div>
</div>
</div>
</div>
</body>
Quelle est votre fonction
Soumettre ? Faites attention aux noms. Ensuite, vous faitesvar soumettre = ...Je supprime la fonction de soumission et essayez de le courir toujours pas de chance
Postez votre code HTML