테스트 사이트 - 개발 중인 베타 버전입니다

오늘의 조언 한마디 script

· 8개월 전 · 956 · 5

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

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

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

 

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

 

 

[code]

<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>

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

8개월 전

 

감사 합니다.

7개월 전

@들레아빠 친히 sample을 보여주셔서 대단히 감사합니다...꾸뻑!

감사합니다

8개월 전

감사합니다 ^^

8개월 전

감사합니다.

게시글 목록

번호 제목
18088
18080
18078
18070
18061
18037
18036
18033
18022
18021
18020
18018
18004
17999
17995
17987
17982
17981
17980
17970
17965
17964
17963
17962
17960
17956
17953
17949
17930
17928