Javascript - modifier le paragraphe de Texte sur Chaque Clic sur le Bouton
Je suis en train de créer 3 boutons, et à l'aide de javascript, Si le bouton 1 est cliqué puis ça change de la "Cliquez sur un bouton" texte "Vous avez appuyé sur le Bouton 1"
De même pour le Bouton 2 et 3! Et si le Bouton 3 est pressée, le texte des modifications de couleur VERT
Cependant, je n'arrive pas à le faire fonctionner! Toute aide serait appréciée
Voici mon Code Actuel:
<!DOCTYPE html>
<html>
<head>
<title>Button</title>
</head>
<body>
<script type="text/javascript">
function changeText() {
var b1 = document.getElementById('b1');
var b2 = document.getElementById('b2');
var b3 = document.getElementById('b3');
if(b1.onclick="changeText();") {
document.getElementById('pText').innerHTML = "You pressed button 1";
}
if(b2.onlick="changeText();") {
document.getElementById('pText').innerHTML = "You pressed Button 2";
}
}
</script>
<input type="button" value="Button 1" id="b1" onclick="changeText();"/>
<input type="button" value="Button 2" id="b2" onclick="changeText();"/>
<input type="button" value="Button 3" id="b3" onclick="changeText();"/>
<p id="pText">Click on a Button</p>
</body>
</html>
OriginalL'auteur GDesigns | 2015-04-22
Vous devez vous connecter pour publier un commentaire.
Vous pouvez essayer ceci:
Ici ce que vous faites est à chaque fois que vous cliquez sur le bouton, le
onlick();
fonction est appelée avec la valeur de l'élément bouton vous avez juste a cliqué. Tous leschangeText();
fonction de a à faire maintenant est de modifier le innerHTML de l'élément que vous souhaitez modifier. Directement à.Espère que cette aide.
Code mis à JOUR: (afin De refléter la mise à jour des paramètres)
C'est très bien. Vous pouvez modifier votre fonction par ammending pour inclure une Instruction if.
if(value == 'Buttom 3'){/* Code for changing color goes here */}
vous pouvez le faire en ajoutant l'attribut style pourpText
élément et l'insertion de votre Code CSS.style='color: green'
etc espère que cela aide 😀Code mis à jour 🙂
OriginalL'auteur shadoweye14
Essayez ceci:
OriginalL'auteur Vijay
Votre code est parfait. Mais le problème est que les deux si les boucles sont en cours d'exécution séquentielle si vite que vous ne pouvez pas le voir lorsque le premier texte est converti en deuxième texte.
Essayez d'insérer une alerte entre les deux appels.
OriginalL'auteur Saurabh
Vous êtes à proximité, mais pas de cigare.
D'identifier correctement le bouton que vous êtes en cliquant, vous devez envoyer dans
this
avec votre appel de fonction, de cette façon, vous obtenez une référence à l'objet qui a été cliqué. En comparant lesonclick
dans une instruction if ne fonctionne pas bien, que c'est un pointeur de fonction, pas une chaîne de caractères.Essayez quelque chose comme:
Et votre
changeText()
devrait maintenant être quelque chose comme ça. Vous pouvez utiliser cet exemple, mais vous aurez à comprendre le reste sur votre propre. Cela devrait vous diriger dans la bonne direction.OriginalL'auteur jlindenbaum