반응형
초기화면
- fetch_test.html
<!DOCTYPE html>
<html>
<body>
<input type="button" value="event button">
</body>
</html>
버튼 누르면 알림창 띄우기
- fetch_test.html
<!DOCTYPE html>
<html>
<body>
<input type="button" value="event button" onclick="
fetch('event').then(function(response){
response.text().then(function(text){
alert(text);
})
})
">
</body>
</html>
- event 파일
<h1>제목</h1>
내용이다.
버튼 누르면 글 나오게 하기
- fetch_test.html
<!DOCTYPE html>
<html>
<body>
<input type="button" value="event button" onclick="
fetch('event').then(function(response){
response.text().then(function(text){
document.querySelector('article').innerHTML = text;
})
})
">
<article>
</article>
</body>
</html>
- event 파일
<h1>제목</h1>
내용이다.
반응형
'📁Language > 🟨 Javascript' 카테고리의 다른 글
| 브라우저 렌더링 과정 이해하기 (작성중) (0) | 2023.08.19 |
|---|---|
| [JS] 변수 선언 var, let, const (0) | 2023.07.25 |
| [JS] 기본개념 (0) | 2021.10.12 |