값을 불러 오는 방법 도와 주세요ㅠ.ㅠ 채택완료
퀴즈프로그램을 만들고 있습니다~
https://codepen.io/tgallimore/pen/xwGOXB?q=quiz&limit=all&type=type-pens" rel="nofollow">https://codepen.io/tgallimore/pen/xwGOXB?q=quiz&limit=all&type=type-pens
이곳에서 받은 소스를 수정하고있는데...
오답을 출력하는 부분에서
해설 부분을 추가 하려 하는데 막혀 버렸습니다...
구글링 검색을 통해
오답 일 경우
else {
$this.find('.quiz-answer[data-quiz-answer="'+correctAnswer+'"]').addClass('correct');
$this.find('.quiz-answer.active').addClass('incorrect');
var msgHTML = '[정답:"'+correctAnswer+'"]';</p>
<p> $(this).append(msgHTML);
index.js파일에
BlueAngel 님께서 알려 주신
{ question: 1, answer: 'b' , 부연설명: '내용' },
방법을 적용해서
this.correctAnswers = [
{ question: 1, answer: 'b' , 부연설명: '내용' },
{ question: 2, answer: 'b' },
{ question: 3, answer: 'b' },
{ question: 4, answer: 'b' },
{ question: 5, answer: 'a' },
{ question: 6, answer: 'a' },
{ question: 7, answer: 'a' }, var msgHTML = '[정답:"'+correctAnswer+'"]';</p>
<p> $(this).append(msgHTML);부분을 추가하였더니 answer: 'b' 값(정답값) 만 가져 오는데...
예) 정답:b
" 부연설명: '내용' " 이부분은 도저희 가져오는 방법을 몰라서
해매고 있습니다...
도와 주세요
ㅠ.ㅠ
답변 1개
for ( var j = 0; j < self.correctAnswers.length; j++ ) {
var a = self.correctAnswers[j];
if ( a.question == $this.data('quiz-question') ) {
correctAnswer = a.answer;
}
}
이 부분 에서 if 문 안에
correctDescription = a.부연설명;
하고 밑에서
var msgHTML = '[정답:"'+correctAnswer+'"] 부연설명 : '+correctDescription;
하시면 될거같아요
답변에 대한 댓글 3개
html에 <div style="background-color: #fff;" id="answer_div" ></div>
javascript에는 jqueyr를 사용중이시라면 $('#answer_div').append(msgHTML);으로 하셔야합니다.
웹 구조부터 먼저 공부하셔야할 것 같네요..
즐거운 하루 보내세요~~
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
한 가지만 더 부탁 드려두 될까요?
var msgHTML = '[정답:"'+correctAnswer+'"] 부연설명 : '+correctDescription;
이 부분에 css를 적용하는 방법이 있을까요?
배경색 넣고 글자 크기을 바꾸어 보려구요~
<div style="background-color: #fff;"> var msgHTML = '[정답:"'+correctAnswer+'"] 부연설명 : '+correctDescription; </div>
이런식으로 적용을 하니 먹통이 되어 버리네요....
혹시? 방법이 있을까요?