금융단어암기장[QUIZ기능추가(3) : 5문제 체점]

5문제중 3문제가 ture였을 때 다음과 같은 화면이 나타남.

 

[추가된 기능]

 

1. Submit함수를 생성하여 Submit버튼을 클릭하면 다음문제를 보여주거나 다음문제가 없다면 체점결과를 보여줌.

 

//점수 counting 변수
let score=0, page = 0, isTrue=false;

//button
const submitButton = document.getElementById('submit_button');

//sumbit함수 생성
const submit = ()=>{
                
                //check score
                console.log("score");
                if(isTrue == true)
                {
                    score++;
                    console.log(isTrue);
                    console.log(score);
                }
                else{
                    console.log(isTrue);
                    console.log(score);
                }
                page = page+1;
                if(page==5)
                {
                    alert(score+"개 정답");
                }
                else{
                    console.log('page:',page);
                    showQuestion(word_quiz[page].fields);
                }
                


 };
 
 //showQuestion을 실행하고 선택지중 1개의 정답을 클릭하면 isTrue에 boolean값이 저장됨.
 if(page==0)
 {
 showQuestion(word_quiz[page].fields);
 }
    
  //oncllick listener
  submitButton.addEventListener('click',submit);

 

 

[수정된 부분]

1. view.py -> QUIZ함수 코드 수정 (퀴즈선택지를 어렵게 해줌)

list=[]
        word_index=[]
        num = random.randrange(0,5)
        for i in range(0,5):
            while num in word_index:
                num = random.randrange(0,5)
            word_index.append(num)
            list.append(word_board[word_index[i]].name)
        
        quiz_word = QUIZ
        for i in range(0,len(list)):
            quiz_word(question = word_board[i].meaning , one = list[0], two = list[1], three = list[2], four = list[3], five=list[4], answer = word_board[i].name).save()

문제의 정답지 총 5개가 순서대로 정답을 기준으로 차례대로 one, two, threee...에 들어가있어서, 답을 고르기 쉬울 수 있는 문제가 발생할 수 있었기 때문에, random함수를 활용해서 list의 값에 변화를 줌.