japanese-conjugation-drill/conjugation/drill.html

157 lines
5.4 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>
</head>
<body>
2016-11-26 16:45:32 +00:00
<div class="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()">
<input type="submit" value="Next">
</form>
<div id="response">
</div>
<div id="message">
</div>
</div>
<div id="history">
</div>
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-11-22 00:22:00 +00:00
</div>
</body>
</html>