Mobile First - Advice API with loading screen

Hi there👋

if you notice the quote don't change while clicking the button

you need to clear the cache every time you fetch the data fetch(URL, { cache: 'no-cache' }

try this

const getAdvice = () => {
  loadScreen.classList.add("show");
  fetch("https://api.adviceslip.com/advice", {
  cache: 'no-cache'
}).then((response) => {
    return response
      .json()
      .then((data) => {
        adviceId.innerHTML = data.slip.id;
        adviceText.innerHTML = data.slip.advice;
        loadScreen.classList.remove("show");
      })
      .catch((error) => {
        console.log(Error(error));
        loadScreen.classList.remove("show");
      });
  });
};