[Inflearn] 심리테스트 사이트 만들기 3

[Inflearn] 판다코딩님의 "[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기" 강의 수강 기록

 

* 강의명을 누르면 해당 강의로 이동할 수 있습니다.
* 본 게시글은 강의를 수강하며 개인적으로 알게 된 점, 느낀 점을 그저 정리해두는 게시글입니다. 강의 내용 자체를 캡쳐하거나 코드를 직접적으로 게시하지 않았으니 해당 내용은 강의를 수강하시며 얻게 되셨으면 좋겠습니다 :3

---

 

심리테스트 사이트 제작

Github

 

2021.06.14 - [STUDY/웹] - [Inflearn] 심리테스트 사이트 만들기 1

2021.06.25 - [STUDY/웹] - [Inflearn] 심리테스트 사이트 만들기 2

>>>현재글<<<

오늘의 수강기록

Result Page

Result 페이지 구현

questionIndex를 문제 번호처럼 0부터 11까지 증가시켜 줬고, 마지막 문제가 끝나면 questionIndex가 12가 되는데, 이 때 goResult()함수를 사용하여 결과 화면을 볼 수 있도록 함

매 질문마다 몇 번째 버튼을 선택했는지를 저장하기 위해 배열을 만들었고, 질문에 답변을 한 후 console.log로 찍어본 결과 값이 잘 들어갔음을 확인할 수 있었음

indexOf 인덱스 값 반환

...select 선택한 배열을 펼침

Math.max 그중에서 가장 큰 것 리턴

=> 즉 아래의 문장은 select의 원소 중 가장 큰 것의 index를 리턴해서 result에 넣어줌

var result = select.indexOf(Math.max(...select));

 

각 질문의 답마다 여러 개의 유형이 주어지고, 이 유형들을 1차원 배열에 넣어준 뒤 가장 많은 개수가 나온 유형을 결과로 보여주는 형식

 

---

✨수강 인증✨