From c651ad684ceeb722883c8412804c581a9430077d Mon Sep 17 00:00:00 2001
From: Kevin Lyda <kevin@ie.suberic.net>
Date: Sat, 14 Oct 2017 14:27:56 +0100
Subject: [PATCH] Make cube.html a bit clearer.
---
index.html | 16 ++++++++++++----
1 file changed, 12 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index fb0309b..1d3a97e 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();
}
--
GitLab