English-Word-Dictation-System/index.html at main · NoNameGMM/English-Word-Dictation-System · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>考纲单词默写系统</title>
    <link rel="shortcut icon" href="favicon.ico">
    <script src="index.js" type="text/javascript" charset="utf-8"></script>
    <style>
        h1 {text-align:center};
    </style>
</head>
<body background="background.png" style="background-size: 100% 100%; background-attachment: fixed; background-repeat:no-repeat; background-size:cover">
    <h1 style="color:#FFFFFF">考纲单词默写系统</h1>
    <p align="center" style="color:#FFFFFF">默写的单词：<b id="demo">获取失败...请寻找管理员</b></p>
    <p align="center" style="color:#FFFFFF">请输入答案：<input type="text" name="wordwrite" value="" id="answer"/></p>
    <p align="center" style="color:#FFFFFF"><input type="button" value="提交" onclick="get_value()"/><input type="button" value="清空" onclick="document.getElementById('answer').value = ''"/><input type="button" value="关于" onclick="information()"/></p>
    <p align="center" style="color:#FFFFFF"><input type="text" id="answertrue" value="" style="display:none"/></p>
    <script>
        function get_value()
        {
            var answer = document.getElementById("answer").value;
            var right = document.getElementById("answertrue").value;
            if(answer == right)
            {
                truely();
                setTimeout(() => {
                    document.getElementById('answer').value = '';
                    loadword();
                }, 1500);
            }
            else
            {
                wrongly();
                setTimeout(() => {
                    document.getElementById('answer').value = '';
                    loadword();
                }, 1500);
            }
        }
    </script>
</body>
</html>