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

タッチタイピングの練習２

最初に作ったタッチタイピング練習のプログラムの書き方を少し変えたものです。こんな書き方も可能です。

デモ

プログラム

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タッチタイピングの練習</title>
<script>

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

</script>
</head>
<body>
	<form name="form1" onsubmit="if (this.mondai.value != '' && this.mondai.value == this.kotae.value) {this.mondai.value = q[++i % q.length]; this.kotae.value = '';} return false;">
		<p>
			<input type="text" name="mondai" value="" size="40" readonly>
			<input type="button" value="スタート" onclick="i = 0; this.form.mondai.value = q[0]; this.form.kotae.value = ''; this.form.kotae.focus();">
		</p>
		<p>
			<input type="text" name="kotae" value="" size="40">
			<input type="submit" value="送信">
		</p>
	</form>
</body>
</html>

解説

（追記予定）