오늘의 조언 한마디 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개
게시글 목록
| 번호 | 제목 |
|---|---|
| 18200 | |
| 18195 | |
| 18193 | |
| 18181 | |
| 18179 | |
| 18173 | |
| 18170 | |
| 18164 | |
| 18158 | |
| 18155 | |
| 18152 |
JavaScript
한글과컴퓨터 키워드추출스크립트.
2
|
| 18151 | |
| 18150 |
JavaScript
위에서 아래로 내려오는 효과 6가지
|
| 18140 | |
| 18139 | |
| 18138 |
JavaScript
마우스로 td 간격 조정하기.
1
|
| 18131 | |
| 18130 |
JavaScript
엘레먼트에 다이렉트로 변수,배열,객체 심기
|
| 18120 | |
| 18119 | |
| 18118 |
jQuery
0원팁- 숫자형 아이디에 접근하기
1
|
| 18117 |
jQuery
유용하게 써먹는 반응형 grid
1
|
| 18116 | |
| 18111 |
MySQL
db에서 트리거 만들기
|
| 18110 | |
| 18108 |
JavaScript
디바운스 debounce의 개념
1
|
| 18107 |
JavaScript
jquery 타이머 만들기
2
|
| 18106 | |
| 18100 | |
| 18090 |

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