var totalTime, score, regexp, timer, highScore = 0, correct = false; $(function() { alert("Please note: This is beta so it is not perfect. Please report bugs or leave suggestions in the comments! (even if it about is small things like the time you've got to answer)"); $("#tryAgain, #play").click(startGame); $("#home").click(function() {changeScene("titleScreen")}); $("#input").keyup(function() { if (correct) return; if ($(this).text() == "") { $("#string").html(" "); return; } $("#string").text($(this).text()); if ($(this).text().match(new RegExp("^" + regexp + "$"))) { correct = true; stopTimer(); score++; totalTime-=2; $("#string").html("Correct!") $("#input").attr("read-only", "true"); setTimeout(function() { correct = false; $("#input").attr("read-only", "false") $("#string").html(" "); $("#input").text(""); nextRound(); }, 1500); } }); }); function changeScene(scene) { var scenes = ["titleScreen", "game", "gameOver"]; for (var i = 0; i < scenes.length; i++) { if (scenes[i] == scene) $("#" + scene).css("display", "block"); else $("#" + scenes[i]).css("display", "none"); } } function gameOver() { stopTimer(); $("#input").text(""); $("#string").text(""); $("#totalScore").text("Score: " + score); if (score > highScore) { $("#highScore").html("New HighScore!"); highScore = score; } else $("#highScore").html("HighScore: " + highScore); changeScene("gameOver"); } function startGame() { changeScene("game"); totalTime = 50; score = 0; nextRound(); } function nextRound() { regexp = undefined; $("#score").text("Score: " + score); while (new RegExp(regexp).test("") || regexp == undefined) { regexp = getRandomRegexp(); } $("#regexp").html(highlight(regexp)); startTimer(); } function startTimer() { var time = 100; setTime(time); timer = setInterval(function() { time-=0.2; setTime(time); if (time <= 0) gameOver(); }, totalTime); } function stopTimer() { clearInterval(timer); } function setTime(time) { $("#progress-main").css("right", 100-time + "%") } function getRandomRegexp() { var chars = [".", ".", "\\w", "\\w", "\\d", "\\d", "\\s", "\\s", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "#", "&"]; function getQuantifier() { var random = rand(4); switch (random) { case 0: return "+"; case 1: return "*"; case 2: return "?"; case 3: var min = rand(4); var str = "{" + min; if (rand(2) == 0) { var max = 0; while (max <= min) { max = rand(5); } str += "," + max; } return str + "}"; } } function getRandomGroup() { var types = ["(","(?!","["]; var grouptype = types[rand(types.length)]; var length = 0; var groupstr = grouptype; if (grouptype == "(" || grouptype == "(?!") { for (var i = 0; i < rand(3)+2; i++) { var random = rand(3); if (random == 2) groupstr += "|"; else { var random = rand(chars.length); groupstr += chars[random]; } } groupstr += ")"; } else if (grouptype == "[") { if (rand(4) == 1) groupstr += "^"; for (var i = 0; i < rand(3)+2; i++) { var random = rand(chars.length); groupstr += chars[random]; } groupstr += "]"; } return groupstr; } var str = ""; var length = rand(4)+4; for (var i = 0; i < length; i++) { if (rand(2) == 1) str += chars[rand(chars.length)]; else str += chars[rand(chars.length)].toUpperCase(); if (rand(3) == 2) str += getQuantifier(); else if (rand(4) == 2) str += getRandomGroup(); } if ("".match(new RegExp(str))) return getRandomRegexp(); return str; } function highlight(text) { return text .replace(/[^.^$*+?()[\]|:=!,]/g, "$&") .replace(/\?(?!\:|\!|\=)/g, "$&") .replace(/((\(\?\!|\(\?\:|\(\?\=)|[()|])/g, "$1") .replace(/[[\]]/g, "$&") .replace(/[+*$^.-]/g, "$&") .replace(/\\/g, "\") .replace(/(\{|\})/g, "$1") .replace(/([\d,])/g, "$&"); } function rand(n) { return Math.floor(Math.random() * n); } String.prototype.repeat = function(count) { var str = ""; for (var i = 0; i < count; i++) { str += "" + this; } }

Regex Game