add autofocus

history.txt

@@ -9,3 +9,11 @@
 2023/8/24 23:20,9,10
 2023/8/24 23:21,0,25
 2023/8/24 23:23,9,16
+2023/9/2 09:31,10,6
+2023/9/2 09:31,10,4
+2023/9/2 09:35,10,5
+2023/9/2 09:37,10,5
+2023/9/2 09:38,10,4
+2023/9/2 09:38,10,4
+2023/9/2 09:40,10,6
+2023/9/2 09:40,10,5

index.html

@@ -17,7 +17,7 @@
             <div style="display:flex; flex-flow: wrap;">
                 <label for="inputText">请输入:</label>
                 <div class="form-outline">
-                    <input type="text" id="inputText" class="form-control" />
+                    <input type="text" id="inputText" class="form-control"/>
                 </div>
             </div>
             <p id="errorMsg" style="color: red;visibility: hidden;">请输入一个有效的数字。</p>
@@ -67,7 +67,7 @@ <h2>您的历史成绩(只显示近期100次测试) :</h2>
 
         <button id="startButton" class="btn btn-primary">开始测试</button>
         <button id="exitButton" class="btn btn-secondary" style="display: none;">退出测试</button>
-        <button id="historyButton" class="btn btn-secondary">历史成绩</button>
+        <button id="historyButton" class="btn btn-info">历史成绩</button>
         <p id="msg" style="visibility: hidden;"></p>
 
     </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "typer",
-  "version": "1.0.0",
+  "version": "1.11.0",
   "description": "A app that helps users practice reprint summons",
   "main": "main.js",
   "scripts": {

renderer.js

@@ -132,17 +132,21 @@ $(document).ready(function () {
 
         $("#startButton").css("display", "none");
         $("#exitButton").css("display", "block");
+        $("#historyButton").css("display", 'none');
         $("#msg").css("visibility", 'hidden');
+        document.getElementById("inputText").focus();
     });
 
     $("#exitButton").click(function () {
         console.log('exit test')
         numbersArray = [];
         userInputArray = [];
         $("#startButton").css("display", "block");
+        $("#historyButton").css("display", 'block');
         $("#exitButton").css("display", "none");
         $('#testPanel').css("display", 'none');
         $("#scoreBoard").css("display", 'none');
+        $("#historyBoard").css("display", 'none');
         clearInterval(intervalId);
         $("#compareTable tbody tr").remove();
         $("#countLabel").text("1");