Comment afficher une image de chat aléatoire provenant d'une API sur ma page Web à l'aide de l'attente asynchrone en JavaScript et HTML ?-Questions et réponses sur le réseau chinois PHP
Comment afficher une image de chat aléatoire provenant d'une API sur ma page Web à l'aide de l'attente asynchrone en JavaScript et HTML ?
P粉617237727
P粉617237727 2023-09-04 15:22:47
0
1
466

J'écris un programme qui effectue des appels à partir d'une API pour obtenir des images de chats aléatoires. Je veux pouvoir afficher l'image sur ma page Web, pas seulement l'URL dans la console.

//Voici mon code HTML (c'est vraiment basique mais je veux juste que la sortie fonctionne)

     Gif chat ≪/tête>  

Il s'agit d'une image aléatoire d'un chat !

//Voici mon JavaScript

let conteneur = document.querySelector(".container"); fonction asynchrone apiFunction() { wait fetch("https://api.thecatapi.com/v1/images/search") .then(res => res.json()) .then((résultat) => { //éléments = résultat ; let img = document.createElement("img"); img.src = résultat[0].url; conteneur.appendChild(img); }), (erreur) => console.log(erreur); } }

P粉617237727
P粉617237727

répondre à tous (1)
P粉001206492

Vous n'appelez pas la fonction que vous avez définie.

     Cat Gif 

This is a random image of a cat!

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!