심리사이트

메인, QnA , 결과 섹션 display: none; -> 안보이게 display: block; -> 보이게

index.html main section

https://getbootstrap.com/

: favicon은 사이트 탭의 작은 아이콘이다.적용을 시킬려면 헤드 태그 사이에 제목위에 link:favicon으로 링크태그에 주소 입력바디태그의 제일 아래쪽에 script:src 태그를 사용한다.자바스크립트는 html 태그들이 다 나오고 그 다음 그 태그들을 가지고

호출 goNext();는 맨 아래쪽에 적어준다.

답변 버튼중 하나를 누를때 마다 다음 질문이 나타난다.

qna.css addAnswer 새로만드는 버튼에 클래스 입력

start.js qna.css

질문의 개수로 상태바의 길이 정함

1. 마지막 질문에 답했을때 index.html result 섹션 start.js

답변 내용의 개수에 맞게 버튼들을 만드는 for문에서 i번째 값을 실제 버튼 태그를 만드는 함수 addAnswer로 매개변수로 넘김매개변수로 받은 i번째 생성한 버튼을 클릭했을때 i값을 select 배열에 입력버튼을 클릭했을때

하나의 object 는 아래와 같이 answer에 따른 type이 있다.이때 선택한 답변의 type의 동물성향 중 가장 많은 동물을 찾아야 한다!!!

1. calResult 결과를 key값으로 리턴 2. 키값으로 infoList의 결과를 출력 3. goResult 실행시 마지막에 setResult() 4. result.css

웹에 배포하기 전에

깃허브

인프런의 심리사이트 만들기 강좌를 보고 따라서 만들어 봅니다.