Javascript版电脑打字练习程序

<script> function checkword(tobj,dobj){ var val=document.getElementById('txtre').innerText; var txtuser2=document.getElementById('txtuser2').value; var wor=tobj.value; txtuser2=txtuser2+wor; wor=wor.replace(/(^\s*)|(\s*$)/g,""); var newval=""; var newval2=""; for(var ii=0;ii<val.length;ii++){ var oneword=val.substring(ii,ii+1); if(ii<wor.length){ if(oneword==wor.substring(ii,ii+1)){ newval+="<font color='green'>"+wor.substring(ii,ii+1)+"</font>"; newval2+="<font color='#cccccc'>"+wor.substring(ii,ii+1)+"</font>"; }else{ newval+="<font color='red'>"+wor.substring(ii,ii+1)+"</font>"; newval2 += "<font color='red'>"+oneword+"</font>"; } } } dobj.innerHTML=newval; var newval2 = newval2+val.substr(wor.length,val.length); document.getElementById('txtre').innerHTML=newval2; document.getElementById('right').innerHTML = '正确个数:'+(newval.split('green').length-1); document.getElementById('err').innerHTML = '错误个数:'+(newval.split('red').length-1); } document.onkeydown=function(){ if(event.keyCode==8){ var txtuser2 = document.getElementById('txtuser2').value; document.getElementById('txtuser2').value = txtuser2.substr(0,txtuser2.length-1); } } </script><style type="text/css"> #txtre,#txtsr,#txtuser{ font-size:25px; } #txtre{ width:500px } #txtsr{ width:500px /*display:none;*/ } #txtuser{ width:540px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #666666; background:#f9f9f9; } font{ text-decoration: underline; }</style> <div id="right">正确个数:</div> <div id="err">错误个数:</div> <div id="txtre" style="height: 20px">Some English text. This program can test your input skills. Author: 青剑</div> <div id="txtsr" style="height: 20px">&nbsp;</div> <input id="txtuser2" type="hidden" /> <input id="txtuser" onKeyUp="txtuser2.value=txtuser2.value+this.value;this.value='';checkword(txtuser2,document.getElementById('txtsr'))" type="text" /> <!--<textarea name="txtuser" cols="" rows="5" wrap="physical" id="txtuser" onKeyUp="checkword(this,document.getElementById('txtsr'))"></textarea>-->