{"index.html":"\n\n Understanding Modulo Math\n \n \n \n \n\n\n\n\n

A Modular Arithmetic Game

I have picked a random integer x between 0 and 26 inclusive. \n You can ask me for the remainder of my number modulo any single digit number.

For example my number might be 13 and I would reply that x \n mod 5 = 3 when you click \"x mod 5\".

\n \n

You get one guess to get my number. Try to get it with the fewest number \n of clues. Have fun!

\n \n

Clues so far: 0

Click one of these for a clue:

\n \n \n \n \n \n \n \n \n \n \n

\n \n \n

\n \n

I'm ready to guess:

\n \n \n\n\n\n","style.css":"body {\n margin:20px;\n font-size:18px;\n text-align: center;\n}\n\nh3 {\n font-size:26px;\n text-align: center;\n}\n\nsection {\n border:solid 1px grey;\n padding:1em;\n margin: 1em;\n font-size:18px;\n text-align: left;\n}\n\ninput {\n font-size:22px;\n text-align: center;\n}\n\n#expression {\n border:solid 1px grey;\n padding:1em;\n margin: 1em;\n font-size:22px;\n text-align: center;\n \n}\n.modulo {\n color:red;\n font-weight:bold;\n}\n#input {\n margin-bottom:1em;\n}\n\n.top {\n border-bottom: solid 2px;\n}\n#wholes, #arrow {\n display:flex;\n flex-direction: row;\n align-items:center;\n}\n#wholes { font-size:2em; }\n#parts {\n display:flex;\n flex-direction: column;\n align-items:center;\n justify-content:space-between;\n}\n","script.js":"(function(){\n \n // this chooses a random number from 2 to 25.\n // change the numbers for a harder challenge!\n var mynumber = Math.floor((Math.random() * 25) + 2);;\n \n \n var clueTemplate = _.template(\"x mod <%= modulus %> = <%= remainder %>
\");\n var clues = 0;\n var clueHandler = function(evt){\n var $abtn = evt.currentTarget;\n var modulus = parseInt($abtn.getAttribute(\"id\"));\n clues++;\n var data={remainder: mynumber % modulus, modulus: modulus};\n $(\"#remainders\").append(clueTemplate(data));\n $(\"#clues\").html(clues);\n $($abtn).attr(\"disabled\", true);\n };\n $(\".clue\").click(clueHandler);\n \n $(\"#finish\").click(function(){\n var yourguess = $(\"#yourguess\").val();\n var results = \"My number was \" + mynumber + \". \";\n if (yourguess == mynumber){\n results += \"You win!\";\n } else {\n results += \"You lose :(\";\n }\n $(\"#results\").html(results);\n });\n})()\n"}