Untitled

<html>
<head><title>Oracle demo</title></head>
<body>

   <script>
   	let body=document.querySelector('body');
   				//let jokeBtn=document.getElementById("jokeBtn");
   				jokeBtn.addEventListener('click',onClick);


   				fetch('https://api.chucknorris.io/jokes/categories')
   				.then((resp)=>{
   							return resp.json();
   						})
   						.then((jsonResp)=>{

   							for (let i = 0; i < jsonResp.length; i++){
   							let button= document.createElement('button');
   							button.innerText=jsonResp[i];
   							button.setAttribute("id", jsonResp[i]);
   							body.appendChild(button);

   						}
   							console.log(jsonData);
   							jokeBtn.disabled=false;

   						})
   						.catch(onError)


   				function onClick(){
   					console.log("clicked button");
   					jokeBtn.disabled=true;
   						fetch('https://api.chucknorris.io/jokes/random') //da un promise
   						.then((resp)=>{
   							return resp.json();
   						})
   						.then((jsonResp)=>{
   							let p= document.createElement('p');
   							p.innerText=jsonResp.value;
   							body.append(p);
   							console.log(jsonResp);
   							jokeBtn.disabled=false;

   						})
   						.catch(onError)
   					function onError(err){
   						console.log('error');
   						okeBtn.disabled=true;

   					}

   				}
   </script>
</body>
</html>