<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"> </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>-->
评论1