-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathOTypeVerbs.html
139 lines (118 loc) · 6.43 KB
/
OTypeVerbs.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<title>
LT Exercise -- O-Type Verbs
</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/tooltip.css">
<link rel="stylesheet" href="css/ToC.css">
<link rel="stylesheet" href="css/pageStructure.css">
<script type="text/javascript" src="js/Common.js"> </script>
<script type="text/javascript">
ButtonNext_OnPageLoad();
SetupArrayFunctions();
var samplesAsJson = '[{"En":"to visit", "ThirdSingularPresentForm":"aplanko", "Base":"aplank", "FirstSingular":"aplankau", "SecondSingular":"aplankai", "ThirdSingular":"aplanko", "FirstPlural":"aplankome", "SecondPlural":"aplankote", "ThirdPlural":"aplanko"},{"En":"to open", "ThirdSingularPresentForm":"atidaro", "Base":"atidar", "FirstSingular":"atidarau", "SecondSingular":"atidarai", "ThirdSingular":"atidaro", "FirstPlural":"atidarome", "SecondPlural":"atidarote", "ThirdPlural":"atidaro"},{"En":"to look", "ThirdSingularPresentForm":"atrodo", "Base":"atrod", "FirstSingular":"atrodau", "SecondSingular":"atrodai", "ThirdSingular":"atrodo", "FirstPlural":"atrodome", "SecondPlural":"atrodote", "ThirdPlural":"atrodo"},{"En":"to try", "ThirdSingularPresentForm":"bando", "Base":"band", "FirstSingular":"bandau", "SecondSingular":"bandai", "ThirdSingular":"bando", "FirstPlural":"bandome", "SecondPlural":"bandote", "ThirdPlural":"bando"},{"En":"to do", "ThirdSingularPresentForm":"daro", "Base":"dar", "FirstSingular":"darau", "SecondSingular":"darai", "ThirdSingular":"daro", "FirstPlural":"darome", "SecondPlural":"darote", "ThirdPlural":"daro"},{"En":"to look for", "ThirdSingularPresentForm":"ieško", "Base":"iešk", "FirstSingular":"ieškau", "SecondSingular":"ieškai", "ThirdSingular":"ieško", "FirstPlural":"ieškome", "SecondPlural":"ieškote", "ThirdPlural":"ieško"},{"En":"to hang", "ThirdSingularPresentForm":"kabo/kabo", "Base":"kabo/kab", "FirstSingular":"kabo/kabau", "SecondSingular":"kabo/kabai", "ThirdSingular":"kabo/kabo", "FirstPlural":"kabo/kabome", "SecondPlural":"kabo/kabote", "ThirdPlural":"kabo/kabo"},{"En":"to listen to", "ThirdSingularPresentForm":"klauso", "Base":"klaus", "FirstSingular":"klausau", "SecondSingular":"klausai", "ThirdSingular":"klauso", "FirstPlural":"klausome", "SecondPlural":"klausote", "ThirdPlural":"klauso"},{"En":"to listen", "ThirdSingularPresentForm":"klauso", "Base":"klaus", "FirstSingular":"klausau", "SecondSingular":"klausai", "ThirdSingular":"klauso", "FirstPlural":"klausome", "SecondPlural":"klausote", "ThirdPlural":"klauso"},{"En":"to hold", "ThirdSingularPresentForm":"laiko", "Base":"laik", "FirstSingular":"laikau", "SecondSingular":"laikai", "ThirdSingular":"laiko", "FirstPlural":"laikome", "SecondPlural":"laikote", "ThirdPlural":"laiko"}]';
var pronouns = [
[{En : "I", Lt : "Aš"}],
[{En : "You (sing.)", Lt : "Tu"}],
[{En : "He", Lt : "Jis" }, {En : "She", Lt : "Ji"}],
[{En : "We", Lt : "Mes"}],
[{En : "You (plur.)", Lt : "Jūs"}],
[{En : "They (masc. or mixed)", Lt : "Jie" }, {En : "They (fem.)", Lt : "Jos"}]
];
// Get array of objects verb {En, Infinitive, 1-2-3-Singular-Plural}
var iTypeVerbs = JSON.parse(samplesAsJson);
var currentSample = {pronoun : pronouns.random(), verb : iTypeVerbs.random()};
var notification = {};
function onNextActionButtonClick(){
// Check if it's answer request or next sample request
var isAnswerRequest = false;
var button = document.getElementById('NextActionButton');
if(button.innerText == 'Check answer') {isAnswerRequest = true;}
else {isAnswerRequest = false;}
// Call the respective function based on the request type
if(isAnswerRequest){
onAnswerRequest();
}
else { onNextSampleRequest(); }
}
function onAnswerRequest(){
// Show answer
var answerDiv = document.getElementById('Answer');
var answer = "";
// Conjugate pronoun and a verb. Choose right verb form based on pronoun.
switch(currentSample.pronoun[0].Lt) {
case "Aš":
answer = currentSample.verb.FirstSingular;
break;
case "Tu":
answer = currentSample.verb.SecondSingular;
break;
case "Jis":
answer = currentSample.verb.ThirdSingular;
break;
case "Mes":
answer = currentSample.verb.FirstPlural;
break;
case "Jūs":
answer = currentSample.verb.SecondPlural;
break;
case "Jie":
answer = currentSample.verb.ThirdPlural;
break;
};
answerDiv.innerHTML = answer.toLowerCase();
// Amend button text
var button = document.getElementById('NextActionButton');
button.innerText = 'Next';
// Notification
notification.Answer = answer.toLowerCase();
}
function onNextSampleRequest(){
// Clean up answer
var answerDiv = document.getElementById('Answer');
answerDiv.innerHTML = '';
// Amend button text
var button = document.getElementById('NextActionButton');
button.innerText = 'Check answer';
// Setup new sample
currentSample = {
pronoun : pronouns.notRepeatingRandom(currentSample.pronoun),
verb : iTypeVerbs.notRepeatingRandom(currentSample.verb)};
// Setup question div
var divToAmend = document.getElementById('Question');
var pronoun = currentSample.pronoun.random();
var verb = currentSample.verb;
divToAmend.innerHTML = '<div class="tooltip">' + pronoun.Lt +' <span class="tooltiptext"> ' + pronoun.En + ' </span> </div> ' +
'<div class="tooltip">' + verb.ThirdSingularPresentForm.toLowerCase() +' <span class="tooltiptext rightTooltip"> ' + verb.En + ' </span> </div> ';
// Notification
notification.Question = pronoun.Lt + ' ' + verb.ThirdSingularPresentForm.toLowerCase();
notification.Answer = null;
}
</script>
</head>
<body>
<div id='pageStructure' class="pageStructure">
<div id='ToC' class='ToC'></div>
<script type="text/javascript" src="js/ToC.js"> </script>
<script> uploadToC(); </script>
<div id='table' class='content'>
<div id='Question'> Ji bando </div>
<div id='Answer'> bando </div>
<div id='Button'>
<button id='NextActionButton'
onclick="onNextActionButtonClick()">
Next
</button>
</div>
<div class="issueNotificationDiv">
<button id='notifyButton'
onclick="notify(notification.Question, notification.Answer)">
Tell about an error
</button>
</div>
</div>
</div>
</body>
</html>