À partir de maintenant, je peux télécharger avec succès une image et l'afficher dans le navigateur et afficher qu'il a 0 aime initialement.
Ce que j'essaie d'atteindre est que lorsque l'utilisateur double clique sur l'image, le Si vous regardez les journaux de la console, il montre en effet le numéro similaire basculant en arrière avec chaque double clic, ce qui est bon. La mauvaise partie est que je ne suis pas sûre de savoir comment afficher ce changement dans le navigateur. P> J'ai essayé tant de façons différentes mais à court d'options. Qu'est-ce que je fais mal et comment puis-je résoudre ce problème? P> JS Fichier: P> 0 aime code> devrait devenir 1 aime code> (je sais que ce n'est pas grammaticalement correct, Je veux juste que cela fonctionne correctement avant de passer à cette question). P> clicked twice
index.js:126 initialCountOfLikes++ => 1
index.js:130 inside second if block
index.js:132 initialCountOfLikes-- => 0
index.js:124 clicked twice
index.js:126 initialCountOfLikes++ => 1
index.js:130 inside second if block
index.js:132 initialCountOfLikes-- => 0
3 Réponses :
Vous pouvez démarrer une minuterie et mesurer le temps entre les clics, lorsque l'image est cliquée. Si le temps entre les clics est inférieur à un nombre, vous pouvez augmenter votre comptage.
quelque chose comme ce qui suit: }
cela fonctionne. Votre événement.Detail est enregistré comme un. J'ai donc modifié votre auditeur à un événement DBLClick et supprimé cela de la déclaration IF. Et les nœuds utilisent NODEVALUE au lieu d'Innertext, donc corrigés dans la solution.
J'ai essayé d'ajouter zerolikestextnode.innertext = initialCountoflikes + "goûts"; ci-dessus initialcountoflikes ++; et initialcountoflikes -; mais obtient toujours la même sortie dans la console comme ci-dessus et aucun incrément / décrément dans le navigateur.
Vous devez l'ajouter après avoir effectué l'incrément / décrément. Sinon, votre compteur est toujours à la valeur initiale de 0. Essayez de le placer en dessous où le changement de comptage se produit
Oui, je voulais dire que je l'ai essayé ci-dessus et après, j'ai oublié d'inclure la partie après la partie de mon poste. Toujours eu le même résultat :(
Hmm. Pouvez-vous poster le code HTML avec cela aussi pour que je puisse regarder de plus près?
Vient de poster mon fichier html dans mon message d'origine
Je viens de mettre à jour la réponse. Puisque vous recherchez un détail de l'événement de 2 (double-clic) dans les instructions IF et SI, changez simplement l'événement vers un événement DBLClick et supprimez l'événement. En outre, j'ai négligé la partie à ce sujet étant un nœud, donc à la place de l'Innertext Utilisez NODEVALUE.
Merci. Si vous pouvez marquer cela comme la réponse correcte, il serait très apprécié!
Vous pouvez faire quelque chose de similaire à ce que je fais en dessous de l'endroit où vous utilisez un module pour incrémenter un compteur privé. Les commentaires devraient suffire à expliquer ce qui se passe exactement dans le code:
p>
<img id="puppyImg" src="https://s.abcnews.com/images/Lifestyle/puppy-ht-3-er-170907_4x3_992.jpg" height="160" width="190" alt="Cute puppy photo" /> <br /> Likes: <span id="countEl"></span>
Il peut être utile de rechercher la modification de la propriété
innertext de l'élémentzerolikes . ( w3schools.com/jsref/prop_node_innertext.asp )