Get api: "afficher donnée json api dans html via wrapper"

Résolu/Fermé
Warren37 Messages postés 40 Date d'inscription vendredi 10 juin 2022 Statut Membre Dernière intervention 25 septembre 2023 - 11 juin 2022 à 11:24
Warren37 Messages postés 40 Date d'inscription vendredi 10 juin 2022 Statut Membre Dernière intervention 25 septembre 2023 - 14 juin 2022 à 06:20
Bonjour,

J'utilise un wrapper pour récupérer d'une api un json qui s'affiche bien dans ma console avec la commande node nomdufichier.js

J'arrive à isoler juste la donnée à afficher en console

Que dois je faire concrètement pour afficher cette donnée dans une page html?

Merci d'avance
A voir également:

4 réponses

Warren37 Messages postés 40 Date d'inscription vendredi 10 juin 2022 Statut Membre Dernière intervention 25 septembre 2023 3
14 juin 2022 à 06:20
fait en php avec xampp au final
1
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
11 juin 2022 à 11:32
Bonjour
Tout dépend de ta page HTML...
Il faut cibler un élément (via son id en général)
Et utiliser sa propriété innerHTML pour y mettre un contenu.
0
Warren37 Messages postés 40 Date d'inscription vendredi 10 juin 2022 Statut Membre Dernière intervention 25 septembre 2023 3
Modifié le 11 juin 2022 à 12:20
Dans HTML j'ai essayé cela:
<body><script src="test.js"></script>
<div> La somme = <span id="sum"></span><div><body>


Dans le fichier js, cela dans ma fonction:

var somme= contenuàafficher
document.getElementById("sum").innerHTML=somme;



Mais j'ai l'erreur:
ReferenceError: document is not defined
0
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
11 juin 2022 à 17:28
Tu as mal fermé ta div et ton body.
De plus, place ton js après ta div.
0
Warren37 Messages postés 40 Date d'inscription vendredi 10 juin 2022 Statut Membre Dernière intervention 25 septembre 2023 3
12 juin 2022 à 08:39
Oui désolé c'est une erreur de recopiage.

En fait sur l'api c'est noté:

vous aurez besoin d'un serveur Web pour récupérer les données de l'API et héberger votre application. L'API applique ces restrictions et le dépassement des limites entraînera l'échec des appels d'API.

C'est sûrement pour ça que ça ne marche pas
0