inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

결과 값이 계속 1번만 출력이 됩니다. 수정해도 오류만 뜨네요

해결된 질문

239

wss 39

작성한 질문수 1

1

사용자 응답 사진으로 구현하기를 만들고 있는데

2번째 질문에서 이미지를 누르면

이런 에러가 뜹니다.

function ImageFadeOut(qIdx, idx) {
var left = document.querySelector('.leftImage');
var right = document.querySelector('.rightImage');
left.disabled = true;
left.classList.remove("fadeIn");
left.classList.add("fadeOut");
right.disabled = true;
right.classList.remove("fadeIn");
right.classList.add("fadeOut");

setTimeout(() =>{
if(qIdx+1 === endPoint) {
goResult();
return;
} else {
setTimeout(() => {
var target = qnaList[qIdx].a[idx].type;
for(let i = 0; i < target.length; i++){
select[target[i]] += 1;
}
goNext(++qIdx);
},300);
}
},300)
}

setTimeout 안에 있는 var target = qnaList[qIdx].a[idx].type에서 type을 빼면 결과 값이 출력이 되지만 첫번째 결과값만 출력이 되고 배열도 [0,0,0,0,0,0]으로 출력이 됩니다.

data.js는 아무 이상이 없어 보이는데 뭐가 문제일까요

HTML/CSS bootstrap javascript

답변 1

0

판다코딩

답변이 늦어져서 죄송합니다..!

아닙니다. data.js 코드에 문제가 있는 것 같습니다.

올려주신 코드에서 문제점은 찾을 수 없네요.

0

wss 39

data.js입니다

뭐가 문제일까요 ..

const qnaList = [
{
q: '1?',
a: [
{ type: [1, 2, 4] },
{ type: [0, 3, 4] }
]
},
{
q: '2? ',
a: [
{ atype: [0, 3, 2] },
{ atype: [1, 3, 5] }
]
},
{
q: '3?',
a: [
{ type: [1, 3, 2] },
{ type: [5, 2, 4] }
]
},
{
q: '4?',
a: [
{ antype: [1, 2, 4 ] },
{ antype: [2, 4 ,5 ] }
]
},
{
q: '5?',
a: [
{ type: [1, 4, 5 ] },
{ type: [0, 3, 5]}
]
},

{
q: '6?',
a: [
{ type: [4, 0, 5 ] },
{ type: [0, 3, 5] }
]
}
]

const infoList = [
{
name: 'A',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
},
{
name: 'B',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
},
{
name: 'C',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
},
{
name: 'D',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
},
{
name: 'E',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
},
{
name: 'F',
desc: 'Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto distinctio assumenda repudiandae quam deserunt eos tempora fuga aliquam tenetur pariatur.'
}
]

0

판다코딩

2번훈항과 4번문항에 오타가 있습니다~ type으로 바꿔주세요~

0

wss 39

감사합니다! 고쳐졌습니다!

emmet 에디터 설치 하려고 하는데 안 나오네요

0

154

2

결과 이미지랑 글이 안떠요 왜일까요

0

132

1

select 배열 이해를 도와주세요!

0

366

1

result 에서 결과가 안 나와요.

0

365

1

결과 계산하기에서 콘솔이 다르게 찍힙니다.

0

388

1

다음 버튼을 누르면 다음질문으로 넘어가게 만들고 싶어요.

0

375

1

클론코딩 시

0

367

1

결과페이지 선택값 합산하기

0

351

1

select 부분이 이해가 안가서 질문드립니다 ㅠ

0

383

1

index에서 result 페이지로 이동 질문드립니다.

0

430

1

진행바 강의에서요 스테이터스바가 짤립니다

0

377

1

이미지버전에서 부트스트랩 이미지하고 텍스트도 이용하고 싶어요

0

508

1

viewport 가 제대로 작동을 안해요 뭐가 문제일까요?

0

481

1

결과 페이지별 개별링크버튼 추가

0

352

1

뒤로가기

0

421

1

netlify not found 오류

1

1051

1

아톰 에디터 설치

2

934

1

display:block을 사용하는 이유

1

449

1

qIdx수에 따라 for 문이 돌아요 ㅜ.ㅜ

1

373

1

카카오톡 공유하기

1

579

1

질문 개수 5개에 결과 4개

0

422

1

질문 수를 줄이는 방법

1

388

1

강의 순서

1

265

1

결과페이지에서 result-0,1,23,....html 호출하기

1

353

1