japanese-conjugation-drill/conjugation/drill.html

227 lines
8.3 KiB
HTML
Raw Normal View History

2016-11-22 00:22:00 +00:00
<!DOCTYPE html>
<html>
<head>
2016-11-22 01:59:30 +00:00
<meta charset="UTF-8">
2016-11-22 00:22:00 +00:00
<link rel="stylesheet" href="drill.css" type="text/css" media="screen"/>
2016-12-10 01:08:41 +00:00
<link href="https://fonts.googleapis.com/css?family=Amaranth" rel="stylesheet">
2016-11-22 00:22:00 +00:00
<script type="text/ecmascript" src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/ecmascript" src="drill.js"></script>
2016-12-25 23:28:10 +00:00
<title>Don's Japanese Conjugation Drill</title>
2016-11-22 00:22:00 +00:00
</head>
<body>
<div id="splash">
2016-12-25 15:30:53 +00:00
<h1>Don's Japanese Conjugation Drill</h1>
2016-12-25 15:30:53 +00:00
<div>
<span>Number of Questions</span>
<input id="numQuestions" value="10">
2016-12-25 15:30:53 +00:00
<button id="go">Go</button>
</div>
2016-12-25 15:30:53 +00:00
<div class="options">
<div>
<h2>Conjugation types</h2>
<ul>
<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>
2016-12-27 17:44:54 +00:00
<li><label><input type="checkbox" id="te-form"> て form</label></li>
<li><label><input type="checkbox" id="progressive"> Progressive</label></li>
2016-12-25 15:30:53 +00:00
<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>
</div>
<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>
<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>
</div>
2016-12-25 21:35:29 +00:00
<div>
<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>
</ul>
</div>
</div>
<div>
<label><input type="checkbox" id="trick" checked> Trick questions (answers may be the same as the given form)</label>
</div>
<div id="te-notice"><small>
2016-12-25 15:30:53 +00:00
When the test refers to negative て forms, they are assumed to be ~なくて and not ~ないで .
2016-12-24 20:47:32 +00:00
</small></div>
</div>
<div id="scoreSection">
終わり
<div id="history">
</div>
<button id="backToStart">Back to Start</button>
</div>
<div id="quizSection">
2016-11-22 00:22:00 +00:00
2016-11-26 16:45:32 +00:00
<div class="questionOuter">
<div id="question"></div>
2016-11-22 01:59:30 +00:00
</div>
2016-11-26 16:45:32 +00:00
<div id="input">
<form action="javascript:processAnswer()">
<input placeholder="答え" autocomplete="off" id="answer">
</form>
2016-11-22 01:59:30 +00:00
</div>
2016-11-26 16:45:32 +00:00
<div id="proceed">
<form style="float: right" action="javascript:proceed()">
<button>
<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>
</svg>
</button>
2016-11-26 16:45:32 +00:00
</form>
<div id="response">
</div>
<div id="message">
</div>
</div>
2016-12-15 22:50:32 +00:00
<!--
2016-12-10 01:09:05 +00:00
<div id="explanation">
<h2>Conjugations for group 1 verbs (godan)</h2>
<p>Group 1 (godan) verbs are those that, with a few exceptions, do not
end with an いる or える sound.</p>
<table class="syllabary">
<tr class="あ">
<td><div></div><div>pa</div></td>
<td><div></div><div>ba</div></td>
<td><div></div><div>da</div></td>
<td><div></div><div>za</div></td>
<td><div></div><div>ga</div></td>
<td class="empty"></td>
<td><div></div><div>n</div></td>
<td><div></div><div>wa</div></td>
<td><div></div><div>ra</div></td>
<td><div></div><div>ya</div></td>
<td><div></div><div>ma</div></td>
<td><div></div><div>ha</div></td>
<td><div></div><div>na</div></td>
<td><div></div><div>ta</div></td>
<td><div></div><div>sa</div></td>
<td><div></div><div>ka</div></td>
<td><div></div><div>a</div></td>
</tr>
<tr class="い">
<td><div></div><div>pi</div></td>
<td><div></div><div>bi</div></td>
<td><div></div><div>ji</div></td>
<td><div></div><div>ji</div></td>
<td><div></div><div>gi</div></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td><div></div><div>ri</div></td>
<td class="empty"></td>
<td><div></div><div>mi</div></td>
<td><div></div><div>hi</div></td>
<td><div></div><div>ni</div></td>
<td><div></div><div>chi</div></td>
<td><div></div><div>shi</div></td>
<td><div></div><div>ki</div></td>
<td><div></div><div>i</div></td>
</tr>
<tr class="う">
<td><div></div><div>pu</div></td>
<td><div></div><div>bu</div></td>
<td><div></div><div>zu</div></td>
<td><div></div><div>zu</div></td>
<td><div></div><div>gu</div></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td><div></div><div>ru</div></td>
<td><div></div><div>yu</div></td>
<td><div></div><div>mu</div></td>
<td><div></div><div>fu</div></td>
<td><div></div><div>nu</div></td>
<td><div></div><div>tsu</div></td>
<td><div></div><div>su</div></td>
<td><div></div><div>ku</div></td>
<td><div></div><div>u</div></td>
</tr>
<tr class="え">
<td><div></div><div>pe</div></td>
<td><div></div><div>be</div></td>
<td><div></div><div>de</div></td>
<td><div></div><div>ze</div></td>
<td><div></div><div>ge</div></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td><div></div><div>re</div></td>
<td class="empty"></td>
<td><div></div><div>me</div></td>
<td><div></div><div>he</div></td>
<td><div></div><div>ne</div></td>
<td><div></div><div>te</div></td>
<td><div></div><div>se</div></td>
<td><div></div><div>ke</div></td>
<td><div></div><div>e</div></td>
</tr>
<tr class="お">
<td><div></div><div>po</div></td>
<td><div></div><div>bo</div></td>
<td><div></div><div>do</div></td>
<td><div></div><div>zo</div></td>
<td><div></div><div>go</div></td>
<td class="empty"></td>
<td class="empty"></td>
<td><div></div><div>o</div></td>
<td><div></div><div>ro</div></td>
<td><div></div><div>yo</div></td>
<td><div></div><div>mo</div></td>
<td><div></div><div>ho</div></td>
<td><div></div><div>no</div></td>
<td><div></div><div>to</div></td>
<td><div></div><div>so</div></td>
<td><div></div><div>ko</div></td>
<td><div></div><div>o</div></td>
</tr>
</table>
</div>
2016-12-15 22:50:32 +00:00
-->
2016-11-22 00:22:00 +00:00
</div>
</body>
</html>