<!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.οnlοad=function(){
//显示文件
str1 = this.result;
}
}
function readAsText2(){
var file = file2.files[0];
var reader = new FileReader();
//将文件以文本形式读入页面
reader.readAsText(file,'utf-8');
reader.οnlοad=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>
<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.οnlοad=function(){
//显示文件
str1 = this.result;
}
}
function readAsText2(){
var file = file2.files[0];
var reader = new FileReader();
//将文件以文本形式读入页面
reader.readAsText(file,'utf-8');
reader.οnlοad=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>