メモ帳でできるプログラミング
メモ帳でできるプログラミング JavaScript

タッチタイピングの練習

問題の文章をひたすらまねして入力する単純なタッチタイピング練習プログラムです。

デモ

プログラム

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タッチタイピングの練習</title>
<script>
window.onload = function() {

	var i = 0;
	var q = [
		'むかしむかし',
		'あるところに',
		'おじいさんとおばあさんが',
		'すんでいました',
		'おじいさんは',
		'やまへしばかりに',
		'おばあさんは',
		'かわへせんたくにいきました',
		'そこへおおきなももが',
		'ながれてきました'
	];

	function shutsudai(i)
	{
		document.form1.mondai.value = q[i % q.length];
		document.form1.kotae.value = '';
	}

	function kotaeawase(e)
	{
		if (document.form1.mondai.value == document.form1.kotae.value) {
			shutsudai(++i);
		}
		e.preventDefault();
	}

	document.form1.addEventListener('submit', kotaeawase);
	shutsudai(i);
	document.form1.kotae.focus();
}
</script>
</head>
<body>
	<form name="form1">
		<p>
			<input type="text" name="mondai" value="" size="40" readonly>
		</p>
		<p>
			<input type="text" name="kotae" value="" size="40">
			<input type="submit" value="送信">
		</p>
	</form>
</body>
</html>

解説

（追記予定）