summaryrefslogtreecommitdiff
path: root/index.js
diff options
context:
space:
mode:
authorsanine-a <sanine.not@pm.me>2021-04-12 17:40:33 -0500
committersanine-a <sanine.not@pm.me>2021-04-12 17:40:33 -0500
commitbc594a2d3839d1d0a3cc76eed23ec8535c72f6bf (patch)
treee63cc0faf2d756f5c0d92a14e2ddca59e3a52d39 /index.js
parent82573dc615710c13d988ef27823d24839df100ab (diff)
begin refactor to use Inferno
Diffstat (limited to 'index.js')
-rw-r--r--index.js142
1 files changed, 0 insertions, 142 deletions
diff --git a/index.js b/index.js
deleted file mode 100644
index b7386eb..0000000
--- a/index.js
+++ /dev/null
@@ -1,142 +0,0 @@
-'using strict';
-
-let currentCharacter;
-let score = 100;
-let totalGuesses = 0;
-let totalCorrect = 0;
-let level = 1;
-let hintLevel = 0;
-let previousCharacters = [];
-let completed = false;
-let mode = "newchars";
-
-const CHARS_PER_LEVEL = 20;
-
-let totalChars = CHARS_PER_LEVEL;
-
-function setupLevels()
-{
- let levelSelect = $('#level-select');
- let numLevels = Math.floor(characters.length/CHARS_PER_LEVEL);
- for (let i=0; i<numLevels; i++) {
- let levelString = `${(i+1) * CHARS_PER_LEVEL} Characters`;
- levelSelect.append(
- $('<option></option>')
- .val(i+1)
- .text(levelString));
- }
-}
-
-function randomCharacter()
-{
- let minVal = level * CHARS_PER_LEVEL - totalChars;
- let maxVal = level * CHARS_PER_LEVEL;
- console.log(minVal, maxVal);
- let index = Math.floor(Math.random() * (maxVal-minVal)) + minVal;
- return characters[index];
-}
-
-function reset()
-{
- completed = false;
- level = Number($('#level-select').val());
- mode = $('#mode-select').val();
- if (mode === 'allchars')
- totalChars = level * CHARS_PER_LEVEL;
- else
- totalChars = CHARS_PER_LEVEL;
-
- $('#level').text(`Level ${level}`);
- totalGuesses = 0;
- totalCorrect = 0;
- previousCharacters = [];
- updateCharacter();
- updateScore();
-}
-
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-$(document).ready(() => {
- setupLevels();
- $('#level-select').val('1');
- $('#level-select').change(reset);
- $('#mode-select').change(reset);
- $('#pinyin-input').change(submitGuess);
- $('#hint-button').click(updateHint);
- $('#reset-button').click(reset);
- reset();
-});
-
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!
-
-function submitGuess()
-{
- totalGuesses += 1;
- let guess = $('#pinyin-input').val();
- if (guess === currentCharacter[1]) {
- totalCorrect += 1;
- updateCharacter();
- }
- updateScore();
-}
-
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-function updateCharacter()
-{
- if (completed || previousCharacters.length === totalChars) {
- completed = true;
- $('#level').text("Completed!");
- return;
- }
- currentCharacter = randomCharacter();
- while (previousCharacters.includes(currentCharacter[0]))
- currentCharacter = randomCharacter();
- previousCharacters.push(currentCharacter[0]);
- $('#level').text(`Level ${level} (${previousCharacters.length-1}/${totalChars})`);
- $('#current-character').text(currentCharacter[0]);
- $('#pinyin-input').val('');
- $('#pinyin-input').focus();
- $('#hint').text('?');
- hintLevel = 0;
-}
-
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-function updateScore()
-{
- if (totalGuesses === 0)
- score = 100;
- else
- score = 100 * totalCorrect/totalGuesses;
- $('#score').text(`${score.toFixed(2)}%`);
-}
-
-// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-function updateHint()
-{
- if (hintLevel === 3)
- return;
-
- totalGuesses += 1;
- updateScore();
-
- hintLevel += 1;
- let pinyin = currentCharacter[1];
- if (hintLevel === 3) {
- $('#hint').text(pinyin);
- return;
- }
-
- hintString = '';
- for (let i=0; i<pinyin.length; i++) {
- if (i < hintLevel)
- hintString += pinyin[i];
- else
- hintString += "*";
- }
-
- $('#hint').text(hintString);
- $('#pinyin-input').focus();
-}