Creé una aplicación de electrones que obtiene un valor JSON de https://complimentr.com/api . Pero, cuando hace clic en el botón para establecer el valor innerHTML en el valor JSON, da el temido 'indefinido'.

 // create a variable called url and set it to the url of the website var url = "https://evilinsult.com/generate_insult.php?lang=en&type=json"; // create a variable called response and set it to the response of the get request request(url, function(error, response, body){ var data = JSON.parse(body); console.log(data.compliment); const btn = document.getElementById('button-1'); btn.onclick = () => { document.body.innerHTML = data.compliment } });

¿Hay alguna razón por la que esto no funciona? Soy nuevo en JavaScript, por lo que esto podría ser una solución fácil.