2016-11-22 00:22:00 +00:00
<!DOCTYPE html>
< html >
2017-12-25 16:48:32 +00:00
< head >
< meta charset = "UTF-8" >
< link rel = "stylesheet" href = "drill.css" type = "text/css" media = "screen" >
< link href = "https://fonts.googleapis.com/css?family=Amaranth" rel = "stylesheet" >
< script type = "text/ecmascript" src = "//code.jquery.com/jquery-3.1.1.min.js" > < / script >
< script type = "text/ecmascript" src = "words.js" > < / script >
< script type = "text/ecmascript" src = "drill.js" > < / script >
< title > Don's Japanese Conjugation Drill< / title >
< / head >
2016-12-25 15:30:53 +00:00
2017-12-25 16:48:32 +00:00
< body >
2016-12-25 15:30:53 +00:00
2017-12-25 16:48:32 +00:00
< div id = "splash" >
< h1 > Don's Japanese Conjugation Drill< / h1 >
< div >
< span > Number of Questions< / span >
< input id = "numQuestions" value = "10" >
< button id = "go" > Go< / button >
< / div >
< div > Question pool size: < span id = "questionCount" > ...< / span > < / div >
< div class = "options" >
2016-12-23 18:05:37 +00:00
< div >
2017-12-25 16:48:32 +00:00
< h2 > Conjugation types< / h2 >
< ul >
< li > < label > < input type = "checkbox" id = "plain" checked > Plain< / label > < / li >
< li > < label > < input type = "checkbox" id = "polite" checked > Polite< / label > < / li >
< li > < label > < input type = "checkbox" id = "negative" checked > Negative< / label > < / li >
< li > < label > < input type = "checkbox" id = "past" checked > Past< / label > < / li >
< li > < label > < input type = "checkbox" id = "te-form" > て form< / label > < / li >
< li > < label > < input type = "checkbox" id = "progressive" > Progressive< / label > < / li >
< li > < label > < input type = "checkbox" id = "potential" > Potential< / label > < / li >
< li > < label > < input type = "checkbox" id = "imperative" > Imperative< / label > < / li >
< li > < label > < input type = "checkbox" id = "passive" > Passive< / label > < / li >
< li > < label > < input type = "checkbox" id = "causative" > Causative< / label > < / li >
< / ul >
2016-12-23 18:05:37 +00:00
< / div >
2016-12-25 00:43:01 +00:00
2017-12-25 16:48:32 +00:00
< div >
< h2 > Verb classes< / h2 >
< ul >
< li > < label > < input type = "checkbox" id = "godan" checked > Group 1 verbs< / label > < / li >
< li > < label > < input type = "checkbox" id = "ichidan" checked > Group 2 verbs< / label > < / li >
< div class = "specials" > Special cases< / div >
< li > < label > < input type = "checkbox" id = "iku" checked > 行く verb< / label > < / li >
< li > < label > < input type = "checkbox" id = "kuru" checked > 来る verb< / label > < / li >
< li > < label > < input type = "checkbox" id = "suru" checked > する verbs< / label > < / li >
< / ul >
2016-12-25 00:43:01 +00:00
< / div >
2017-03-18 23:54:45 +00:00
< div >
2017-12-25 16:48:32 +00:00
< h2 > Adjective classes< / h2 >
< ul >
< li > < label > < input type = "checkbox" id = "i-adjective" > い adjectives< / label > < / li >
< li > < label > < input type = "checkbox" id = "na-adjective" > な adjectives< / label > < / li >
< div class = "specials" > Special cases< / div >
< li > < label > < input type = "checkbox" id = "ii" > いい adjective< / label > < / li >
< / ul >
2017-03-18 23:54:45 +00:00
< / div >
2017-12-25 16:48:32 +00:00
< / div >
2017-03-18 23:54:45 +00:00
2017-12-25 16:48:32 +00:00
< div >
< label > < input type = "checkbox" id = "trick" checked > Trick questions (answers may be the same as the given form)< / label >
2016-12-23 18:05:37 +00:00
< / div >
2017-12-25 16:48:32 +00:00
< / div >
2016-12-23 18:05:37 +00:00
2017-12-25 16:48:32 +00:00
< div id = "scoreSection" >
2016-12-23 18:05:37 +00:00
2017-12-25 16:48:32 +00:00
< div id = "history" >
2016-12-23 18:05:37 +00:00
< / div >
2017-12-25 16:48:32 +00:00
< button id = "backToStart" > Back to Start< / button >
2016-11-22 00:22:00 +00:00
2017-12-25 16:48:32 +00:00
< / div >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< div id = "quizSection" >
< div class = "questionOuter" >
< div id = "question" > < / div >
< / div >
< div id = "input" >
< form action = "javascript:processAnswer()" >
< input placeholder = "答え" autocomplete = "off" id = "answer" >
< / form >
< / div >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< div id = "proceed" >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< form style = "float: right" action = "javascript:proceed()" >
< button >
2016-12-14 02:08:54 +00:00
< svg version = "1.1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 48 48" >
< metadata > Svg Vector Icons : http://www.onlinewebfonts.com/icon < / metadata >
2016-12-28 16:35:38 +00:00
< g transform = "scale(0.03)" > < path d = "M762.1,441.8L354.4,34.1C322.2,2,270.1,2,237.9,34.1c-32.2,32.2-32.2,84.3,0,116.5L587.4,500L237.9,849.4c-32.2,32.2-32.2,84.3,0,116.5s84.3,32.2,116.5,0l407.6-407.6c16.1-16.1,24.1-37.2,24.1-58.2S778.1,457.8,762.1,441.8z" > < / path > < / g >
2016-12-14 02:08:54 +00:00
< / svg >
< / button >
2017-12-25 16:48:32 +00:00
< / form >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< div id = "response" >
< / div >
< div id = "message" >
< / div >
< / div >
< div style = "display: none" id = "explanation" >
< h2 > Explanation< / h2 >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< h3 > 1. Recognise the given conjugation< / h3 >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< p > < span id = "explain-given" > < / span > is the < span id = "explain-given-tags" > < / span > form of the < span id = "explain-group" > < / span > < span class = "explain-given-dictionary" > < / span > .< / p >
< h3 > 2. Change the form< / h3 >
< div class = "explain-answer-single" >
< p class = "explain-no-trick" > The answer is the < span class = "explain-answer-tags" > < / span > form of the word because the question asked for the < span class = "highlight" > < span class = "explain-transform" > < / span > < / span > version.< / p >
< p class = "explain-trick" > The question asked for the < span class = "highlight" > < span class = "explain-transform" > < / span > < / span > version. However, this was already the case and so it was a trick question.< / p >
< / div >
< div class = "explain-answer-multiple" >
< p class = "explain-no-trick" > The answers are the < span class = "explain-answer-tags" > < / span > forms of the word because the question asked for a < span class = "highlight" > < span class = "explain-transform" > < / span > < / span > version.< / p >
< p class = "explain-trick" > The question asked for a < span class = "highlight" > < span class = "explain-transform" > < / span > < / span > form of the word. However, this was already the case and so it was a trick question.< / p >
2016-11-26 16:45:32 +00:00
< / div >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< h3 > 3. Produce the required conjugation< / h3 >
2016-12-10 01:09:05 +00:00
2017-12-25 16:48:32 +00:00
< p class = "explain-answer-single" > The correct answer is the
< span class = "explain-answer-tags2" > < / span > form: < span class = "explain-answer" > < / span >
< / p >
< div class = "explain-answer-multiple" >
< p >
The possible correct answers are the < span class = "explain-answer-tags2" > < / span > forms:
< / p >
< ul class = "explain-answer-as-list" > < / ul >
2016-12-10 01:09:05 +00:00
< / div >
2017-12-25 20:29:51 +00:00
< button id = "explain-proceed-button" class = "centre" onclick = "javascript:proceed()" > OK, next question< / button >
2016-11-22 00:22:00 +00:00
< / div >
2017-12-25 16:48:32 +00:00
< / div >
< / body >
2016-11-22 00:22:00 +00:00
< / html >
