2016-11-22 00:22:00 +00:00
<!DOCTYPE html>
< html >
2020-07-22 18:00:42 +00:00
< head lang = "en" >
2017-12-25 16:48:32 +00:00
< meta charset = "UTF-8" >
2020-07-22 18:00:42 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
< link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous" >
2017-12-25 16:48:32 +00:00
< 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 >
2018-03-04 20:57:16 +00:00
< script type = "text/ecmascript" src = "rules.js" > < / script >
2017-12-25 16:48:32 +00:00
< 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 >
2020-07-22 18:00:42 +00:00
<!--
< nav class = "navbar navbar-expand-lg navbar-dark bg-dark" >
< a class = "navbar-brand" href = "/conjugation/drill_bootstrap.html" > Don's Japanese Conjugation Drill< / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarSupportedContent" aria-controls = "navbarSupportedContent" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarSupportedContent" >
< ul class = "navbar-nav mr-auto" >
< li class = "nav-item active" >
< a class = "nav-link" href = "/conjugation/drill_bootstrap.html" > Home < span class = "sr-only" > (current)< / span > < / a >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarDropdown" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
Verbs
< / a >
< div class = "dropdown-menu" aria-labelledby = "navbarDropdown" >
< a class = "dropdown-item" href = "#" > Plain< / a >
< a class = "dropdown-item" href = "#" > Polite< / a >
< div class = "dropdown-divider" > < / div >
< a class = "dropdown-item" href = "#" > Negative< / a >
< a class = "dropdown-item" href = "#" > Past< / a >
< a class = "dropdown-item" href = "#" > て form< / a >
< a class = "dropdown-item" href = "#" > Progressive< / a >
< a class = "dropdown-item" href = "#" > Desire< / a >
< a class = "dropdown-item" href = "#" > Volitional< / a >
< a class = "dropdown-item" href = "#" > Potential< / a >
< a class = "dropdown-item" href = "#" > Imperative< / a >
< a class = "dropdown-item" href = "#" > Passive< / a >
< a class = "dropdown-item" href = "#" > Causative< / a >
< / div >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarDropdown" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
Tests
< / a >
< div class = "dropdown-menu" aria-labelledby = "navbarDropdown" >
< a class = "dropdown-item" href = "#" > Godan stem drill< / a >
< a class = "dropdown-item" href = "#" > 来る drill< / a >
< / div >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarDropdown" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
Help
< / a >
< div class = "dropdown-menu" aria-labelledby = "navbarDropdown" >
< a class = "dropdown-item" href = "#" > How the drill works< / a >
< a class = "dropdown-item" href = "#" > Choice of verbs< / a >
< a class = "dropdown-item" href = "#" > Map of conjugations< / a >
< / div >
< / li >
< !- -
< li class = "nav-item" >
< a class = "nav-link" href = "#" > Link< / a >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" id = "navbarDropdown" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" >
Dropdown
< / a >
< div class = "dropdown-menu" aria-labelledby = "navbarDropdown" >
< a class = "dropdown-item" href = "#" > Action< / a >
< a class = "dropdown-item" href = "#" > Another action< / a >
< div class = "dropdown-divider" > < / div >
< a class = "dropdown-item" href = "#" > Something else here< / a >
< / div >
< / li >
< li class = "nav-item" >
< a class = "nav-link disabled" href = "#" tabindex = "-1" aria-disabled = "true" > Disabled< / a >
< / li >
- ->
< / ul >
< / div >
< / nav >
-->
< div id = "splash" class = "container mt-4" >
<!-- <h2 class="text - center d - none d - sm - block">Don's Japanese Conjugation Drill</h2> -->
< h2 class = "text-center" > Don's Japanese Conjugation Drill< / h2 >
< div class = "row justify-content-center" >
< div class = "form-inline" >
< label class = "mb-2 mr-sm-2" for = "numQuestions" > Number of Questions< / label >
< input class = "mb-2 mr-sm-2 form-control" type = "number" placeholder = "Questions" aria-label = "Number of Questions" aria-describedby = "basic-addon2" id = "numQuestions" value = "10" >
< button class = "btn btn-outline-secondary mb-2 mr-sm-2" type = "button" id = "go" > Go< / button >
2016-12-25 00:43:01 +00:00
< / div >
2020-07-22 18:00:42 +00:00
< / div >
2016-12-25 00:43:01 +00:00
2020-07-22 18:04:21 +00:00
< div id = "questionFocusSection" class = "row justify-content-center" >
< div class = "form-inline" >
< label class = "mb-2 mr-sm-2" for = "questionFocus" > Question focus< / label >
< select id = "questionFocus" class = "form-control mb-2 mr-sm-2" >
< option value = "none" > None< / option >
< option value = "politeness" > Politeness< / option >
< option value = "negative" > Negative< / option >
< option value = "past" > Past< / option >
< option value = "te-form" > て form< / option >
< option value = "progressive" > Progressive< / option >
< option value = "desire" > Desire< / option >
< option value = "volitional" > Volitional< / option >
< option value = "potential" > Potential< / option >
< option value = "imperative" > Imperative< / option >
< option value = "passive" > Passive< / option >
< option value = "causative" > Causative< / option >
< / select >
< / div >
< / div >
2020-07-22 18:00:42 +00:00
< div class = "text-center mb-4" > Question pool size: < span id = "questionCount" > ...< / span > < / div >
< div class = "container options" >
< div class = "row" >
< div class = "col-sm col-md-4 text-center" >
< div class = "form-group" >
< div style = "display: inline-block" >
< h4 class = "mt-2 mb-4" > Word forms< / h4 >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "plain" checked > < label for = "plain" class = "form-check-label" > Plain< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "polite" checked > < label for = "polite" class = "form-check-label" > Polite< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "negative" checked > < label for = "negative" class = "form-check-label" > Negative< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "past" checked > < label for = "past" class = "form-check-label" > Past< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "te-form" > < label for = "te-form" class = "form-check-label" > て form< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "progressive" > < label for = "progressive" class = "form-check-label" > Progressive< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "desire" > < label for = "desire" class = "form-check-label" > Desire< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "volitional" > < label for = "volitional" class = "form-check-label" > Volitional< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "potential" > < label for = "potential" class = "form-check-label" > Potential< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "imperative" > < label for = "imperative" class = "form-check-label" > Imperative< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "passive" > < label for = "passive" class = "form-check-label" > Passive< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "causative" > < label for = "causative" class = "form-check-label" > Causative< / label > < / div >
< / div >
< / div >
< / div >
< div class = "col-sm col-md-8" >
< div class = "row" >
< div class = "col-md-6 text-center" >
< div class = "form-group" >
< div style = "display: inline-block" >
< h4 class = "text-left mt-2 mb-4" > Verbs< / h4 >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "godan" checked > < label for = "godan" class = "form-check-label" > Group 1 verbs< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "ichidan" checked > < label for = "ichidan" class = "form-check-label" > Group 2 verbs< / label > < / div >
< div class = "text-left ml-3 specials" > Special cases< / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "iku" checked > < label for = "iku" class = "form-check-label" > 行く verb< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "kuru" checked > < label for = "kuru" class = "form-check-label" > 来る verb< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "suru" checked > < label for = "suru" class = "form-check-label" > する verbs< / label > < / div >
< / div >
< / div >
< / div >
< div class = "col-md-6 text-center" >
< div class = "form-group" >
< div style = "display: inline-block" >
< h4 class = "text-left mt-2 mb-4" > Adjectives< / h4 >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "i-adjective" > < label for = "i-adjective" class = "form-check-label" > い adjectives< / label > < / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "na-adjective" > < label for = "na-adjective" class = "form-check-label" > な adjectives< / label > < / div >
< div class = "text-left ml-3 specials" > Special cases< / div >
< div class = "text-left ml-3 form-check" > < input class = "form-check-input" type = "checkbox" id = "ii" > < label for = "ii" class = "form-check-label" > いい adjective< / label > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
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
2020-07-22 18:00:42 +00:00
< div class = "row justify-content-center mt-3 ml-2 mr-2" >
< div class = "form-group" >
< div class = "form-check" > < input class = "form-check-input" type = "checkbox" id = "trick" checked > < label class = "form-check-label" for = "trick" > Trick questions (answers may be the same as the given form)< / label > < / div >
< div class = "form-check" > < input class = "form-check-input" type = "checkbox" id = "kana" > < label class = "form-check-label" for = "kana" > Use hiragana throughout the test (no kanji)< / label > < / div >
< div class = "form-check" > < input class = "form-check-input" type = "checkbox" id = "furigana_always" > < label class = "form-check-label" for = "furigana_always" > Always show furigana on questions< / label > < / div >
2018-10-30 20:37:45 +00:00
< / div >
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
2020-07-22 18:00:42 +00:00
< div id = "scoreSection" class = "mt-4" >
2016-12-23 18:05:37 +00:00
2018-10-30 20:37:45 +00:00
< div id = "scoreSectionTitle" > < / div >
2017-12-25 16:48:32 +00:00
< div id = "history" >
2016-12-23 18:05:37 +00:00
< / div >
2020-07-22 18:00:42 +00:00
< button class = "btn btn-outline-secondary mb-2 mr-sm-2" 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 >
2020-07-22 18:00:42 +00:00
< div id = "inputArea" class = "row" >
< div class = "col-12" >
< form action = "javascript:processAnswer()" >
< input placeholder = "答え" autocomplete = "off" id = "answer" >
< / form >
< / div >
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 = "proceed" >
2017-04-29 15:04:13 +00:00
2017-12-25 16:48:32 +00:00
< form style = "float: right" action = "javascript:proceed()" >
2020-07-22 18:00:42 +00:00
< button > > < / 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 >
2020-07-22 18:00:42 +00:00
< div style = "display: none" id = "explanation" class = "mt-4" >
2017-12-25 16:48:32 +00:00
< h2 > Explanation< / h2 >
2017-04-29 15:04:13 +00:00
2019-10-23 18:19:03 +00:00
< h3 > 1. Recognise the given form< / 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
2019-10-23 18:19:03 +00:00
< h3 > 3. Produce the required form< / 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 >
2020-07-22 18:00:42 +00:00
< button id = "explain-proceed-button" class = "centre btn btn-outline-secondary mb-2 mr-sm-2" 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 >
2020-07-22 18:00:42 +00:00
< script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity = "sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin = "anonymous" > < / script >
2017-12-25 16:48:32 +00:00
< / body >
2016-11-22 00:22:00 +00:00
< / html >
