[생활코딩] .ajax의 적용

박망키·2022년 2월 18일
0

생활코딩 - Ajax

목록 보기
2/6
post-thumbnail

아~주 심플한 SPA만들기

<body>
  <h1><a href="index.html">WEB</a></h1>
  <input id="night_day" type="button" value="night" onclick="
    nightDayHandler(this);
  ">
    <li>
      <a onclick="getText('html')">HTML</a>
    </li>
    <li>
      <a onclick="getText('css')">css</a>
    </li>
    <li>
      <a onclick="getText('JavaScript')">JavaScript</a>
    </li>
    
  </ol>
  <article>

  </article>
  <script>
    function getText(page){
      fetch(page).then(function(response) {
          response.text().then(function(text) {
              document.querySelector('article').innerHTML = text
          })
        })
    }
  </script>
</body>

결과

profile
무럭무럭 자라는 망키

0개의 댓글