1. 마지막 질문에 답했을때

index.html result 섹션

    <section id="result" class="my-5 py-5 px-3 mx-auto ">
      <h1>당신의 결과는?!</h1>
      <div class="resultname">

      </div>
      <div id="resultImg" class="my-3 col-lg-6 col-md-8 col-sm-10 col-12 mx-auto">

      </div>
      <div class="resultDesc">

      </div>
      <button type="button" class="kakao mt-3 py-2 px-3" onclick="setShare()">공유하기</button>
    </section>

start.js

const result = document.querySelector("#result");

function goNext(qIdx) {

// 맨 처음 부분(var q = ~~ 전 )에 붙여 넣기 
  if (qIdx == endPoint) {
    goResult();
    return;
  }
  
  //begin()의 코드 복사해서 begin 랑 goNext 사이에 넣기 
  function goResult() {
  qna.style.animation = "fadeOut 1s";
  setTimeout(() => {
    result.style.animation = "fadeIn 1s";
  }, 450);
  setTimeout(() => {
    qna.style.display = "none";
    result.style.display = "block"
  }, 900)
}