はじめに
実装などに興味はなく、マークシートを利用したい方はこちら。
10/19はTOEICの日ということで、TOEIC公式みんなで模擬受験というイベントが行われました。
Youtubeでプレミア公開動画を視聴しながら、オンラインで無料で問題が解ける機会でした。しかし、解答用紙はPDF形式で印刷して利用するものであり、すぐに印刷できる状況ではなかったため、解答を記録して置けるアプリケーションが欲しくなりました。そこで、オンラインでマークシートを検索してみたところ、見当たらなかったため、自分で作ってみることにしました。
方針
- ある程度実際の解答用紙に形式を寄せる。
- HTMLとJavaScriptのみでシンプルに実装する。
- 単一のファイルで機能が完結し、オフライン環境でも利用できるようにする。
- 解答結果をテキストとして出力することで、解答結果を保存できるようにする。
- document.writeが非推奨だとか細かいことは気にしない。
解答結果の集計
解答結果の集計を行い、テキストとして出力する関数を以下に示します。
<script type="text/javascript">
function OnButtonClick() {
const formElements = document.forms[0];
var answers = [];
var result_text = "";
for (i=1;i<=200;i++) {
var answer = formElements.elements["q"+i].value
answers.push(answer)
result_text += i+":"+answer+", "
}
document.getElementById("results").value=result_text;
}
</script>
利用方法
はじめにの冒頭にも記載しましたが、こちらから利用できます。
ダウンロードして利用していただいても結構です。