diff --git a/edit.html b/edit.html
index c583bd5..4afb273 100644
--- a/edit.html
+++ b/edit.html
@@ -6,7 +6,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>接收参数示例</title>
+    <title>新增/修改紀錄</title>
     <script>
 
     </script>
diff --git a/index.html b/index.html
index 394525f..7a6d014 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>刀表</title>
+    <title>公主連結戰隊戰填表系統</title>
 
     <style>
         table {
@@ -105,13 +105,17 @@
 <body id="body">
     <h1>填表系統</h1>
     <hr>
-    <p>
+    <!--p>
         <a href="new.html">我要填表</a>
-    </p>
+    </p-->
+    <input type="date" id="queryDate">
+    <button onclick="getDate()">選擇日期</button>
     <hr>
 
     <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
     <script language="javascript" type="text/javascript">
+        var selectedDate = document.getElementById("queryDate");
+
         let table = document.createElement("table");
         let thead = document.createElement("thead");
         let tbody = document.createElement("tbody");
@@ -203,6 +207,70 @@
                 //alert("資料取得失敗");
                 console.error('資料取得失敗:', error);
             });
+
+        function getDate() {
+            var dateSplit = selectedDate.value.split("-");
+            console.log(dateSplit);
+            // 取得刀表
+        axios.get("http://127.0.0.1:10001/api/record/" + dateSplit[0] + "/" + dateSplit[1] + "/" + dateSplit[2], {
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'application/json'
+            }
+        })
+            .then(function (response) {
+                const data = response.data;
+                console.log(data);
+                while (tbody.firstChild) {
+                    tbody.removeChild(tbody.firstChild);
+                }
+                for (let i = 0; i < data.length; i++) {
+                    // Creating and adding data to second row of the table
+                    let row_2 = document.createElement("tr");
+                    let row_2_data_1 = document.createElement("td");
+                    let row_2_data_2 = document.createElement("td");
+                    let row_2_data_3 = document.createElement("td");
+                    let row_2_data_4 = document.createElement("td");
+                    let row_2_data_5 = document.createElement("td");
+                    let row_2_data_6 = document.createElement("td");
+                    let row_2_data_7 = document.createElement("td");
+
+                    const item = data[i];
+
+                    if (item.record !== null) {
+                        row_2_data_1.innerHTML = "<a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a>";
+                        row_2_data_2.innerHTML = item.record.record1.boss;
+                        row_2_data_3.innerHTML = item.record.record1c.boss;
+                        row_2_data_4.innerHTML = item.record.record2.boss;
+                        row_2_data_5.innerHTML = item.record.record2c.boss;
+                        row_2_data_6.innerHTML = item.record.record3.boss;
+                        row_2_data_7.innerHTML = item.record.record3c.boss;
+                    } else {
+                        row_2_data_1.innerHTML = item.member.playerName;
+                        row_2_data_2.innerHTML = "";
+                        row_2_data_3.innerHTML = "";
+                        row_2_data_4.innerHTML = "";
+                        row_2_data_5.innerHTML = "";
+                        row_2_data_6.innerHTML = "";
+                        row_2_data_7.innerHTML = "";
+                    }
+
+                    row_2.appendChild(row_2_data_1);
+                    row_2.appendChild(row_2_data_2);
+                    row_2.appendChild(row_2_data_3);
+                    row_2.appendChild(row_2_data_4);
+                    row_2.appendChild(row_2_data_5);
+                    row_2.appendChild(row_2_data_6);
+                    row_2.appendChild(row_2_data_7);
+                    tbody.appendChild(row_2);
+                }
+            })
+            .catch(function (error) {
+                //const message = error.response.data.message;
+                //alert("資料取得失敗");
+                console.error('資料取得失敗:', error);
+            });
+        }
     </script>
 </body>
 
diff --git a/new.html b/new.html
index e966f87..a68af19 100644
--- a/new.html
+++ b/new.html
@@ -6,7 +6,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-  <title>填表</title>
+  <title>新增紀錄</title>
 
   <style>
     table {
