Added results page

nomadkaraoke · Aug 7, 2019 · 3b44d34 · 3b44d34
1 parent a9c4976
commit 3b44d34
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 3 deletions.
diff --git a/results.html b/results.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css">
+    <title>Results</title>
+  <head>
+  <h2>Your Vocal Range Results</h2>
+  <body>
+  </body>
+  <script src="results.js"></script>
+</html>
diff --git a/results.js b/results.js
@@ -0,0 +1,7 @@
+let lowNote = localStorage.getItem('lowNote');
+let highNote = localStorage.getItem('highNote');
+let body = document.querySelector("body");
+let text = document.createElement("p");
+let node = document.createTextNode(lowNote + " to " + highNote);
+text.append(node);
+body.append(text);
diff --git a/scales.js b/scales.js
@@ -21,9 +21,9 @@ if (fileName[0] == "second-step.html") {
 
 let i = 1;
 
-let octaveNumber = base.charAt(1); 
+let octaveNumber = base.charAt(1);
+let note;
 function nextNote() {
-    let note;
     if (fileName[0] == "second-step.html") {
         note = upNotes[(baseIndex + i) % 7];
         if (note === "A") {
@@ -52,3 +52,14 @@ pass.onclick = function() {
     }
     nextNote(); 
 }
+
+let fail = document.getElementById("fail");
+fail.onclick = function() {
+    if (fileName[0] === "second-step.html") {
+        localStorage.setItem('highNote', note + octaveNumber); 
+        location.href = "third-step.html";
+    } else {
+        localStorage.setItem('lowNote', note + octaveNumber);
+        location.href = "results.html";
+    }
+}
diff --git a/second-step.html b/second-step.html
@@ -8,7 +8,7 @@ <h2>Second Step: Sing Higher</h2>
   <body>
     <p>Sing from your base note to the top of your vocal range.</p>
     <button id="pass">Pass</button>
-    <button id="next" onclick = "location.href = 'third-step.html'">Next Step</button>
+    <button id="fail">Fail</button>
   </body>
   <script src="scales.js"></script>
 </html>
diff --git a/third-step.html b/third-step.html
@@ -8,6 +8,7 @@ <h2>Third Step: Sing Lower</h2>
   <body>
     <p>Sing from your base note to the bottom of your vocal range.</p>
     <button id="pass">Pass</button>
+    <button id="fail">Fail</button>
   </body>
   <script src="scales.js"></script>
 </html>