JSFiddle - React, Tailwind, and code Playground

by Rouvière Valentin

HTML

<h1>Recherche de GIF</h1>
<input id="tags">
<button id="bouton">OK</button>
<ul id="resultats"></ul>

JavaScript

var resultats = document.getElementById('resultats');
document.getElementById('bouton').onclick = function() {
	var tags = document.getElementById('tags').value;
  var url = 'https://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC&q=' + encodeURIComponent(tags);
  console.log('ajax request url:', url);
  var xhr = new XMLHttpRequest(); 
  xhr.open('GET', url);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      var reponse = JSON.parse(xhr.responseText);
      var photos = reponse.data;
      console.log(photos);
     
    }
  };
  xhr.send();
};