調整樣式

This commit is contained in:
Raymond Yang
2023-06-28 09:56:48 +08:00
parent c2641714c3
commit c14e4cd1c3
4 changed files with 269 additions and 141 deletions
+33 -33
View File
@@ -16,19 +16,19 @@ document.getElementById("body").appendChild(table);
// Creating and adding data to first row of the table
let row_1 = document.createElement("tr");
let heading_1 = document.createElement("th");
heading_1.innerHTML = "成員名稱";
heading_1.innerHTML = "<h4>成員名稱</h4>";
let heading_2 = document.createElement("th");
heading_2.innerHTML = "1<br>正刀";
heading_2.innerHTML = "<h4>1<br>正刀</h4>";
let heading_3 = document.createElement("th");
heading_3.innerHTML = "1<br>殘刀";
heading_3.innerHTML = "<h4>2<br>正刀</h4>";
let heading_4 = document.createElement("th");
heading_4.innerHTML = "2<br>正刀";
heading_4.innerHTML = "<h4>3<br>正刀</h4>";
let heading_5 = document.createElement("th");
heading_5.innerHTML = "2<br>殘刀";
heading_5.innerHTML = "<h4>1<br>殘刀</h4>";
let heading_6 = document.createElement("th");
heading_6.innerHTML = "3<br>正刀";
heading_6.innerHTML = "<h4>2<br>殘刀</h4>";
let heading_7 = document.createElement("th");
heading_7.innerHTML = "3<br>殘刀";
heading_7.innerHTML = "<h4>3<br>殘刀</h4>";
row_1.appendChild(heading_1);
row_1.appendChild(heading_2);
@@ -62,21 +62,21 @@ axios.get("https://pcredive.ray650128.com/backend/api/record", {
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;
row_2_data_1.innerHTML = "<h5><a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a><h5>";
row_2_data_2.innerHTML = "<h5>" + item.record.record1.boss + "</h5>";
row_2_data_3.innerHTML = "<h5>" + item.record.record2.boss + "</h5>";
row_2_data_4.innerHTML = "<h5>" + item.record.record3.boss + "</h5>";
row_2_data_5.innerHTML = "<h5>" + item.record.record1c.boss + "</h5>";
row_2_data_6.innerHTML = "<h5>" + item.record.record2c.boss + "</h5>";
row_2_data_7.innerHTML = "<h5>" + item.record.record3c.boss + "</h5>";
} 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_data_2.innerHTML = "<h5>---</h5>";
row_2_data_3.innerHTML = "<h5>---</h5>";
row_2_data_4.innerHTML = "<h5>---</h5>";
row_2_data_5.innerHTML = "<h5>---</h5>";
row_2_data_6.innerHTML = "<h5>---</h5>";
row_2_data_7.innerHTML = "<h5>---</h5>";
}
row_2.appendChild(row_2_data_1);
@@ -125,21 +125,21 @@ function getDate() {
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;
row_2_data_1.innerHTML = "<h5><a href=\"edit.html?id=" + item.record._id + "\">" + item.member.playerName + "</a><h5>";
row_2_data_2.innerHTML = "<h5>" + item.record.record1.boss + "</h5>";
row_2_data_3.innerHTML = "<h5>" + item.record.record2.boss + "</h5>";
row_2_data_4.innerHTML = "<h5>" + item.record.record3.boss + "</h5>";
row_2_data_5.innerHTML = "<h5>" + item.record.record1c.boss + "</h5>";
row_2_data_6.innerHTML = "<h5>" + item.record.record2c.boss + "</h5>";
row_2_data_7.innerHTML = "<h5>" + item.record.record3c.boss + "</h5>";
} 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_data_2.innerHTML = "<h5>---</h5>";
row_2_data_3.innerHTML = "<h5>---</h5>";
row_2_data_4.innerHTML = "<h5>---</h5>";
row_2_data_5.innerHTML = "<h5>---</h5>";
row_2_data_6.innerHTML = "<h5>---</h5>";
row_2_data_7.innerHTML = "<h5>---</h5>";
}
row_2.appendChild(row_2_data_1);