0
votes

Pour la boucle ne présente pas toutes les classes du site web

J'essaie de faire quelque chose à résumer toutes mes minutes passées à la Société des légendes.
Je veux obtenir toutes les classes qui stockent des minutes sur l'historique des matchs lol officiels. de
Maintenant, je fais quelque chose comme ça:
xxx

et cela ne me donne que Innertext du premier élément de la matrice. Mais quand ma boucle est suffisante, Timearr au lieu de Timearr [i] .innerext, il montre tous les éléments sélectionnés mais sans Innertext. Que dois-je faire pour répertorier tout InnERText de ce tableau car la prochaine étape que je souhaite faire est d'analyser tous ces éléments et de les résumer.

Quelqu'un peut-il me diriger ?:)


Je veux ajouter que je suis très débutant en ce moment et je commence juste avec JavaScript.


Captures d'écran

html

web

 JS Number 1

 JS Number 2


10 commentaires

Avez-vous essayé innerhtml ?


Pas la meilleure idée d'avoir div intérieur span


Oui mais toujours, il ne montre toujours que le premier élément de la matrice, mais au lieu d'Innertext ("20:47") Il affiche Full Div ("


@Daniyallukmanov Merci de conseiller mais c'est un site Web officiel de League of Legends.


Quoi qu'il en soit, ce n'est pas la meilleure structure.


Votre code inclus dans votre message est beaucoup plus utile si vous incluez tous les images HTML, CSS, JavaScript et non pertinentes.


@Daniyal Lukmanov ok je ne discute pas simplement de dire merci :)


@Jhecht ok je me souviendrai merci :)


Pour vous aider, car les boucles n'ont pas de valeur de retour, c'est-à-dire que vous ne pouvez pas définir de boucle égale à une variable. Vous voyez une certaine magie de console en le faisant directement dans la console.


@Jhecht merci pour cette information utile. Je ne savais même pas :)


4 Réponses :


1
votes

array.from code> devrait fonctionner. Assurez-vous que vous saisissez réellement l'élément contenant le texte.

Vous pouvez interroger sur .date-durée-durée> div code> ou simplement .Date-durée-durée code> . p>

p>

<span class="date-duration-duration"><div>00:00</div></span>
<span class="date-duration-duration"><div>06:00</div></span>
<span class="date-duration-duration"><div>12:00</div></span>
<span class="date-duration-duration"><div>18:00</div></span>


3 commentaires

Merci ça a fonctionné mais pourriez-vous m'expliquer cette ligne de code par ligne parce que cela me semble un peu compliqué. Merci beaucoup:)


C'est fondamentalement votre code, mais en utilisant la fonction array.prototype.map pour mapper chaque élément de la matrice à sa valeur TextContent. Il enregistre ensuite la matrice, jointe par la chaîne ',' à la console.


Enveloppez les éléments sélectionnés dans un tableau afin que vous puissiez appeler la carte dessus. Les valeurs mappées sont le texte de chaque élément.



0
votes

Utiliser la console.log xxx

Par défaut, il enregistre uniquement les dernières données, en cas d'une des données avec 15 éléments.


4 commentaires

"Par défaut, il ne décrit que les dernières données" - qui est "it" , et pourquoi pensez-vous "it" ne se connecte que le < I> Dernier ?


Merci cela aussi. Mais comment résumer tous les éléments affichés dans la console en ce moment? Merci beaucoup.


Tu veux parfois?


@Andreas 'Cela signifie sa console chrome ici. Lorsqu'il ne spécifie pas pour se log, il renvoie les dernières données.



0
votes

Vous devez stocker vos résultats quelque part. Dans votre exemple, vous venez d'appeler la propriété Innertext sur des éléments, sans aucun affection. Par exemple, vous pouvez le faire de cette façon: xxx pré>

variable résultat code> contiendra vos valeurs comme chaînes. Ensuite, vous pouvez la résumer P>

result.reduce((sum, value) => sum + parseInt(value), 0);


1 commentaires

Chaque gars qui m'a aidé je l'apprécie beaucoup, mais celui-ci est le plus clair pour moi personnellement, merci les gars BTW.



0
votes

Votre code va bien jusqu'à présent. Si vous CONSOLE.LOG CODE> L'expression de votre boucle pour la boucle, le code renvoie l'heure de chaque ligne:

p>

<div class="date-duration-duration">20:00</div>
<div class="date-duration-duration">10:00</div>
<div class="date-duration-duration">15:00</div>
<div class="date-duration-duration">25:00</div>
<div class="date-duration-duration">30:00</div>


0 commentaires