diff --git a/index.html b/index.html index fb0309bdda37227c72d892511ce7d5024a1d1a36..1d3a97ef242208514c95c4fe3e970e0ee511173e 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,12 @@ </head> <body> <h1>Cube Root Training</h1> - <p id=cube></p> - <p><input type="text" id="cuberoot" value ="" size=3></p> + <p> + <span style="white-space:nowrap;"><span style="font-size:larger;" + >∛</span><span id=cube style="text-decoration:overline;"> + </span> = <input type=text id=cuberoot value="" size=2> + </span> + </p> <p id=result></p> <p id=stats></p> @@ -47,7 +51,7 @@ function start_round() { :""); } generated = Math.floor(Math.random() * 90) + 10; - cube.innerHTML = Math.pow(generated, 3); + cube.innerHTML = " " + Math.pow(generated, 3) + " "; began = Date.now(); cuberoot.value = ""; cuberoot.focus(); @@ -63,7 +67,11 @@ function check_cuberoot(e) { elapsed += (finished - began); result.innerHTML = "Correct!"; } else { - result.innerHTML = "Not correct! Correct answer was " + generated + "."; + result.innerHTML = 'Not correct! <span style="white-space:nowrap;">' + + '<span style="font-size:larger;">∛</span>' + + '<span style="text-decoration:overline;"> ' + + Math.pow(generated, 3) + + ' </span> = ' + generated + '</span>.'; } start_round(); }