|
0
|
1 <!doctype html>
|
|
|
2 <html lang="en">
|
|
|
3 <head>
|
|
|
4 <script src="/site.js"></script>
|
|
|
5 <script src="/ot.js"></script>
|
|
|
6 <script src="/test.js"></script>
|
|
|
7 <script> head() </script>
|
|
|
8 <title>Arkian - Old Testament Test</title>
|
|
|
9 <style>
|
|
|
10 h4 {
|
|
|
11 margin-bottom: 8px;
|
|
|
12 }
|
|
|
13 span[correct]:before {
|
|
|
14 content: "✓";
|
|
|
15 color: green;
|
|
|
16 }
|
|
|
17 span[wrong]:before {
|
|
|
18 content: "x";
|
|
|
19 color: red;
|
|
|
20 }
|
|
|
21 </style>
|
|
|
22 </head>
|
|
|
23 <body>
|
|
|
24 <script> header() </script>
|
|
|
25 <form content action="javascript:checkTest()">
|
|
|
26 <h1>Old Testament Test</h1>
|
|
|
27 <script>
|
|
|
28 for( let p of questions ) {
|
|
|
29 document.write(`\
|
|
|
30 <div q="${p.i}">
|
|
|
31 <h4>${p.q}</h4>
|
|
|
32 ` );
|
|
|
33 for( let j=0; j<p.a.length; j++ ) {
|
|
|
34 a = p.a[j];
|
|
|
35 a = htmlEncode(a);
|
|
|
36 document.write(`\
|
|
|
37 <label clickable><input type=radio required name="a${p.i}" value="${a}"> ${a}</label><br>
|
|
|
38 ` );
|
|
|
39 }
|
|
|
40 document.write(`\
|
|
|
41 </div>
|
|
|
42 ` );
|
|
|
43 }
|
|
|
44 </script>
|
|
|
45 <div end>
|
|
|
46 <p><input type=submit></p>
|
|
|
47 </div>
|
|
|
48 </form>
|
|
|
49 </body>
|
|
|
50 </html>
|
