오늘의 조언 한마디 script

오늘의 조언 한마디 script > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

오늘의 조언 한마디 script 정보

오늘의 조언 한마디 script

본문

오늘의 조언 한마디 script입니다..

명언은 아니고 그냥 인생선배들이 하마디 뚝 던져주는 문구입니다.

무료 api리며 click할때마다 나타납니다.

전 aside에 빈 공간에 넣고 사용중입니다.


<script>
    const resBtn = document.querySelector('#getData');
    const resDiv = document.querySelector('#results');
 
    resBtn.addEventListener('click', () => { getAdvice(); }, false);
 
    window.onload = () => { getAdvice(); }
   
    function getAdvice() {
        fetch('https://api.adviceslip.com/advice')
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(adviceData => {
                const Adviceobj = adviceData.slip;
                resDiv.innerHTML = `<p>${Adviceobj.advice}</p>`;
            })
            .catch(error => {
                resDiv.innerHTML = `<p>Failed to fetch advice: ${error.message}</p>`;
                console.error('Error:', error);
            });
    }
    </script>