케빈엉클

오늘의 조언 한마디 script

· 2025-03-08 (토) 12:42:58 · 2048 · 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개

23b053612b8a65f8c647c2bb01e57591_1741494264_8732.png

 

감사 합니다.

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

감사합니다

2025-03-09 (일) 11:22:38

감사합니다 ^^

감사합니다.

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

개발자팁

5,403건

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

+
분류 제목 글쓴이 날짜 조회
기타 05-15 조회 2,935
MySQL 01-06 조회 4,377
JavaScript 25-12-22 조회 1,038
MySQL 25-11-20 조회 3,692
PHP 25-10-21 조회 5,327
PHP 25-10-21 조회 3,639
PHP 25-10-18 조회 4,778
기타 25-08-02 조회 1,418
PHP 25-06-17 조회 5,494
MySQL 25-06-06 조회 4,775
웹서버 25-04-01 조회 1,759
24-10-26 조회 5,584
25-01-25 조회 3,896
25-02-01 조회 5,132
25-02-22 조회 1,849
25-03-08 조회 2,049
25-03-30 조회 6,250
JavaScript 25-03-21 조회 1,985
웹서버 25-03-21 조회 2,085
JavaScript 25-03-03 조회 4,770
기타 25-02-01 조회 2,578
기타 25-01-29 조회 1,456
JavaScript 25-01-28 조회 4,310
기타 25-01-22 조회 1,694
JavaScript 25-01-19 조회 1,665
25-01-10 조회 2,248
기타 25-01-05 조회 1,732
jQuery 25-01-05 조회 1,397
jQuery 25-01-04 조회 1,840
기타 24-12-30 조회 1,885