[간단한 웹 프로젝트/4,5일차] UI 구현

로딩 페이지 구현

어떤 식으로 구현하면 좋을지 챗 gtp한테 물어봄.

3번 방법으로 구현하기로 결정! 로딩 이미지를 사용하지 않고 페이지(html)를 만들거기에 한 번 더 물어봄. 로딩 페이지는 아래 링크의 코드를 긁어 사용했다. 귀엽다...

https://codepen.io/olliex/pen/BaRYLG

  <script>
    setTimeout(function() {
      // 17초 후에 결과 창으로 이동
      window.location.href = "result.html";
    }, 17000);
  </script>

loading.html에 해당 스크립트도 추가해서 자동으로 결과창으로 이동되게 구현 완료.

---

결과 페이지 구현

마우스를 네모 박스에 올려야지만 결과값이 보여지게 구현 완료.