개발 계획
참고한 케로로 성격 유형과 그에 따른 이미지작제작
@media 활용으로 body 태그의 font-size를 변경하여 반응형 웹으로 만듦, 배경 이미지도 해상도에 따라 다른 이미지로 변경
시작하기를 누르면 선택 페이지로 이동
성격 유형을 판별할 전역변수 e, n, f, p 선언, 12번의 질문 사항을 기록할 변수 i 선언
선택지의 버튼을 누르면 select 함수에 1번 선택지는 1, 2번 선택지는 -1의 매개변수를 전달해 그 단계에 맞는 성격 점수를 부여한 뒤 i를 증가시킴
next 함수로 다음 선택 상황을 출력해주는 기능 구현
종합 점수로 mbti 판별 이후 로컬스토리지에 저장
결과 화면에서 getItem으로 로컬 스토리지 변수를 받아옴
window.onload로 result.html이 실행될 때 유저의 mbti 점수를 기반으로 한 src주소를 img태그의 src에 넣어주어 결과를 출력