Chapter 12 links for fetch returning errors

[Mishelbi]

When trying to do the example on pages 523-527, click either the numbers or chuck buttons and an error is returned: net::ERR_CONNECTION_RESET. Is there updated URLs or code?

[Mishelbi]

https://api.chucknorris.io/jokes/random works for chuck norris but I can't find one for numbers

[simonmackie]

Paging @daz4126

[daz4126]

Hi @Mishelbi. Sorry for the delay in replying - work has been busy and I haven't done much JS programming recently. I had a look at this and it worked for me. This is my code for the text button:

textButton.addEventListener('click', function() {
fetch(textURL)
.then( function(response) {
 outputDiv.innerHTML = 'Waiting for response...';
 if(response.ok) {
   return response;
 }
 throw Error(response.statusText);
})
.then( response => response.text() )
.then( text => outputDiv.innerText = text )
.catch( error => console.log('There was an error:', error))
},false);

Can you try using that and see if it now works?

Hope that helps - let me know how you get on.

Daz