如何在打字测试中改变javascript中文本的颜色

时间:2017-06-30 10:42:42

标签: javascript

    function speedCal(){
        function Speed(){
        var inputText=document.getElementById("inputbox").value;
        inputText = inputText.replace(/\s\s+/g, ' ');
        inputText=inputText.trim();
        var arr=inputText.split(" ");
        var text=document.getElementById('textbox').value;
        text=text.split(" ");   
        var Err=0;
        if (arr[0]==='') {
            document.getElementById('speed').innerHTML="0 WPM | 0 WPM";
        document.getElementById('errors').innerHTML="0 Words";
        document.getElementById('accuracy').innerHTML="0%";
        }
        else{
        for(var i=0;i<arr.length;i++){
                                        if(text[i]!=arr[i]){
                                            Err+=1;
                                            //text[i].style.color="red";
                                        }

                                     }
        var Acc=Math.floor((arr.length-Err)/arr.length*100);

        document.getElementById('speed').innerHTML=""+arr.length+" WPM | "+(arr.length-Err)+" WPM";
        document.getElementById('errors').innerHTML=""+Err+" Words";
        document.getElementById('accuracy').innerHTML=""+Acc+"%";
        }
        }
        setTimeout(Speed, 31000);
}

我正在尝试创建一个打字测试。当键入的文本与给定的单词不匹配时,单词shud的颜色变为红色。我尝试了代码文本[i]!= arr [i],但它没有用。我试图添加一个javascript,我后来评论,因为它不起作用,请帮助如何做到这一点。请检查代码并建议我这样做的方法。

0 个答案:

没有答案