韓国語野球#6(質問表示/回答提出)


<script>
        //처음 자음만 보이게 하기
        //분리된 자모음을 object로 저장
        const divideTxt = [];
        for(let i=0;i<ansText.length;i++){
            divideTxt.push(getConstantVowel(ansText[i]).f)
        }
        $inputText.append(`${divideTxt}`,document.createElement('br'))

        document.getElementById('hintBtn').addEventListener('click',showHint)
        
        //답안 제출
        $tryTxt.addEventListener('submit',(e)=>{
          //제출 횟수 세기
          ansCount += 1;
          if(ansCount >= 5){
              alert("패배하였습니다");
          }
            e.preventDefault();
            //.textContent가 아닌 .value를 써야함
            const tryAns = document.querySelector('#input').value;
          
               //제출한 답과 비교
               let correctTxt = 0;
                let wrongTxt = 0;

                for(let j=0;j<ansText.length;j++){
                    if(ansText[j]===tryAns[j]){
                        correctTxt += 1;
                    }else{
                        wrongTxt +=1;
                    }
                }
            if(tryAns === ansText){
            alert("정답입니다!")
            $output ='';
            }else{
                $output.append(`맞은 글자 ${correctTxt}, 틀린 글자 ${wrongTxt}`,
                document.createElement('br'))
               
            }
        })
</script>

1.説明


前に確立したアルファベット音分離関数を用いて,分離したアルファベット音に最初のアルファベット音のみを出現させる.問題に答えるときに、提出する回数が一つずつ増え、提出した答えに比べて、間違った文字数と正しい文字数が一つずつ出てきます. const tryAns = document.querySelector('#input').value;に示すように、form要素(inputなど)の値を取得したい場合は.valueを書きたい場合は、divやspanなどの要素のテキストを読みます.textcontentを使用します.知っていても書き間違えてしまうことがよくあります