Rando advice generator Code working perfectly with chrome but not in Firefox

Question

The below code is working perfectly fine with chrome, but not working in firefox ( after one click it just stops), no error in the console too.

const nextButton = document.querySelector('.next');
const advice = document.querySelector('.advice');
const adviceID = document.querySelector('.adviceID');


async function getAdvice() {
    let res = await fetch('https://api.adviceslip.com/advice')
        .catch((err) => {
            console.error(err);
        });
    let data = await res.json();
    adviceID.innerText = `Advice  #${data['slip']['id']}`
    advice.innerText = `" ${data['slip']['advice']} "`;

    
}


nextButton.addEventListener('click', () => {
    getAdvice();
})

<input class="next" type="button" value="Next">
<div class="adviceID"></div>
<div class="advice"></div>