From 6ff5b510ea4fda8e0744cc8c0f37c59b0ccf78e2 Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@kublai.com>
Date: Wed, 21 May 2014 21:30:44 -0400
Subject: Initial commit.

---
 mult.js | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 mult.js

(limited to 'mult.js')

diff --git a/mult.js b/mult.js
new file mode 100644
index 0000000..45fc9cd
--- /dev/null
+++ b/mult.js
@@ -0,0 +1,65 @@
+var TABLE_SIZE = 12;
+
+var startDate, op1, op2, ans;
+
+var testFormEl      = document.getElementById('test-form');
+var op1El           = document.getElementById('op1');
+var op2El           = document.getElementById('op2');
+var answerEl        = document.getElementById('answer');
+var isCorrectEl     = document.getElementById('is-correct');
+var correctEl       = document.getElementById('correct');
+var incorrectEl     = document.getElementById('incorrect');
+var correctAnswerEl = document.getElementById('correct-answer');
+var submitEl        = document.getElementById('submit');
+var timerEl         = document.getElementById('timer');
+var timeEl          = document.getElementById('time');
+
+function setUp()
+{
+    op1 = Math.round(Math.random() * (TABLE_SIZE-1) + 1);
+    op2 = Math.round(Math.random() * (TABLE_SIZE-1) + 1);
+    ans = op1 * op2;
+
+    op1El.innerHTML           = op1;
+    op2El.innerHTML           = op2;
+    answerEl.value            = '';
+    correctAnswerEl.innerHTML = ans;
+    testFormEl.onsubmit       = checkAnswer;
+
+    submitEl.innerHTML        = 'Check';
+    timerEl.style.display     = 'none';
+    correctEl.style.display   = 'none';
+    incorrectEl.style.display = 'none';
+
+    answerEl.focus();
+
+    startDate = new Date();
+}
+
+function checkAnswer() {
+    var endDate = new Date();
+    timeEl.innerHTML = ((endDate - startDate)/1000).toFixed(1);
+    timerEl.style.display = 'block';
+
+    if (answerEl.value == ans) {
+        correctEl.style.display   = 'inline';
+        incorrectEl.style.display = 'none';
+    } else {
+        incorrectEl.style.display = 'inline';
+        correctEl.style.display   = 'none';
+    }
+
+    testFormEl.onsubmit = refresh;
+    submitEl.innerHTML  = 'Try another';
+    answerEl.focus();
+
+    return false;
+}
+
+function refresh() {
+    setUp();
+
+    return false;
+}
+
+setUp();
-- 
cgit v1.3