강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

js0ngwn님의 프로필 이미지
js0ngwn

작성한 질문수

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

진행 상태 바 구현하기

진행상태바 구현 도중 갑자기 처음 시작화면에서 버튼을 누르면 테스트로 안넘어가네요..

작성

·

59

0

삭제된 글입니다

답변 1

0

js0ngwn님의 프로필 이미지
js0ngwn
질문자

<!DOCTYPE html>
<html lang = "ko" dir="ltr">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title> Check In CHUNGNAM</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Gaegu:wght@700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="./css/default.css">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/qna.css">
  <link rel="stylesheet" href="./animation.css">
</head>

<body>
  <div class="container">
  <section id="main" class="mx-auto my-5 py-5 px-3">
  <br><br><h1> 당신은 어떤 여행자?(in 충남) </h1>
    <div class="col-lg-6 col-md-8 col-sm-10 col-12 mx-auto">
      <img src="./travelmain.png" alt="mainImage" class="img-fluid">
    </div>
    <p>
      나만의 스타일을 찾아 여행 코스를 추천해드려요.<br>
      아래 START 버튼을 누르고 시작해주세요!
    </p>
    <button type="button" class="btn btn-outline-danger mt-3"
    onclick="js:begin()"> START! </button>
 </section>
 <section id ="qna">
   <div class="status mx-auto mt-5">
        <div class="statusBar">
        </div>
      </div>
      <div class = "qBox my-5 py-3 mx-auto">

      </div>
      <div class="answerBox">

      </div>
    </section>
 <section id ="result">

 </section>
  <script src="./js/data.js" charset="utf-8"></script>
  <script src="./js/start.js" charset="utf-8"></script>

 </div>

</body>
</html>
js0ngwn님의 프로필 이미지
js0ngwn

작성한 질문수

질문하기