Add a training mode.

[remoteglot-book] / www / index.html

diff --git a/www/index.html b/www/index.html
index baaa40d724718956fa4de138c1d1062bd8c95420..163ac84c2557333ae74859e35899bbaf430ed54a 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -24,13 +24,16 @@
 <div id="analysis">
   <p>
     <label>
-      <input type="checkbox" name="includetransp" checked="checked" onclick="javascript:set_includetransp(this.checked)" />Include transpositions
+      <input type="checkbox" id="includetransp" checked="checked" onclick="javascript:set_includetransp(this.checked)" />Include transpositions
     </label>
     <label>
-      <input type="checkbox" name="flipboard" onclick="javascript:set_flipboard(this.checked)" />Flip board
+      <input type="checkbox" id="flipboard" onclick="javascript:set_flipboard(this.checked)" />Flip board
+    </label>
+    <label>
+      <input type="checkbox" id="practice" onclick="javascript:set_practice(this.checked)" />Practice this opening
     </label>
   </p>
-  <table>
+  <table id="stats">
     <thead>
       <tr id="headings">
         <!--<th>Move</th>
@@ -59,6 +62,14 @@
     <tbody id="lines">
     </tbody>
   </table>
+  <div id="practiceoutput">
+    <h2>Practice mode</h2>
+    <p>Your move: <strong id="yourmove">??</strong><br />
+      %: <span id="yourfraction">??.?%</span> (<span id="yourrank">?th</span>)<br />
+      AWin%: <strong id="yourawin">??.?%</strong> (<strong id="yourawindiff">+?.?%</strong> from avg)</p>
+    <p>Computer move: <strong id="compmove">??</strong><br />
+      %: <span id="compfraction">??.?%</span> (<span id="comprank">?th</span>)</p>
+  </div>
 </div>
 <!-- For faster development -->
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>