index.js

async function getAdviceFromServer() {
  let response = await fetch('https://api.adviceslip.com/advice', {cache: 'no-store'})
  let data = await response.json();
  return data;
}


function createAdwice(data) {

  let textAdwice = document.querySelector(".textAdvice");
  let labelAdwice = document.querySelector(".label");
  labelAdwice.textContent = `ADVICE #${data.id}`;
  textAdwice.textContent = `"${data.advice}"`;
}

let idAdvice = null;

function getAdviceClickHandler() {
  buttonGetAdvice.disabled = true;
  buttonGetAdvice.classList.add("spin");
  

  getAdviceFromServer()
    .then(data => {
     
      createAdwice(data.slip)
      buttonGetAdvice.classList.remove("spin");
      buttonGetAdvice.disabled = false;
      return data;
    })
    .catch(error=>console.log("error",error))



}

function loadFirstAdvice() {

  getAdviceClickHandler();
}

buttonGetAdvice.addEventListener("click", getAdviceClickHandler);

document.addEventListener("DOMContentLoaded", loadFirstAdvice);