选择题的简易判断

来源：互联网发布：淘宝流量来源软件编辑：程序博客网时间：2024/06/09 03:27

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>判题器</title>
   <style type="text/css">
       #div1{width: 400px; height: 400px;}
   </style>
</head>
<body>
   <p>
        <label>请选择正确答案文档：</label>
        <input type="file" id="file1" />
   </p>
   <p>
        <label>请选择待判选项文档：</label>
        <input type="file" id="file2" />
   </p>
   <input type="button" value="判断" id="btn1" />
   <div id="show"></div>
   <div id="div1"></div>
</body>
</html>
<script type="text/javascript">
   var show = document.getElementById("show");
   var file1 = document.getElementById("file1");
   var file2 = document.getElementById("file2");
   var oBtn1 = document.getElementById('btn1');
   var oBtn2 = document.getElementById('btn2');
   var oDiv1 = document.getElementById('div1');
   var str1 = '';
   var str2 = '';

   oBtn1.onclick = function () {
       readAsText1();
       readAsText2();
       console.log(str1,str2);
       bijiao(str1,str2);
   }
   function readAsText1(){
        var file = file1.files[0];
        var reader = new FileReader();
        //将文件以文本形式读入页面
        reader.readAsText(file,'utf-8');
        console.log(reader);
        reader.onload=function(){
            //显示文件
            str1 = this.result;

        }
   }
    function readAsText2(){
        var file = file2.files[0];
        var reader = new FileReader();
        //将文件以文本形式读入页面
        reader.readAsText(file,'utf-8');
        reader.onload=function(){
            //显示文件
            str2 = this.result;

        }
    }

    function bijiao(str1,str2) {
       var n = 0;
       str1 = str1.toUpperCase();
       str2 = str2.toUpperCase();
       for(var i=0; i<str1.length; i++){
           if (str1.charAt(i) != str2.charAt(i)) {
               n++;
           }
       }
       oDiv1.innerHTML = '总共'+str1.length+'道题，'+'错了'+n+'道题';
    }

</script>

0 0