Spaces:
Sleeping
Sleeping
Update feedback.html
#2
by
mizzzuno
- opened
- feedback.html +17 -8
feedback.html
CHANGED
|
@@ -46,22 +46,31 @@
|
|
| 46 |
if (level < 80) return "がんばれあとちょっと";
|
| 47 |
return "素晴らしい";
|
| 48 |
}
|
|
|
|
| 49 |
window.onload = function() {
|
| 50 |
-
const level =
|
|
|
|
|
|
|
| 51 |
const message = getMessage(level);
|
|
|
|
| 52 |
document.getElementById("message").innerText = message;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 53 |
};
|
| 54 |
</script>
|
| 55 |
</head>
|
| 56 |
<body>
|
| 57 |
<div class="card">
|
| 58 |
-
<div class="level">話者Lv: 85</div>
|
| 59 |
<div class="message" id="message">素晴らしい</div>
|
| 60 |
-
<div class="bar"><div class="bar-fill" style="
|
| 61 |
-
<div class="bar"><div class="bar-fill" style="
|
| 62 |
-
<div class="bar"><div class="bar-fill" style="
|
| 63 |
-
<div class="bar"><div class="bar-fill" style="
|
| 64 |
-
<div class="bar"><div class="bar-fill" style="
|
| 65 |
</div>
|
| 66 |
</body>
|
| 67 |
-
</html>
|
|
|
|
| 46 |
if (level < 80) return "がんばれあとちょっと";
|
| 47 |
return "素晴らしい";
|
| 48 |
}
|
| 49 |
+
|
| 50 |
window.onload = function() {
|
| 51 |
+
const level = 73; // レベル値
|
| 52 |
+
const percentages = [80, 50, 60, 100, 30]; // 各バーのパーセンテージ
|
| 53 |
+
|
| 54 |
const message = getMessage(level);
|
| 55 |
+
document.getElementById("level").innerText = `話者Lv: ${level}`;
|
| 56 |
document.getElementById("message").innerText = message;
|
| 57 |
+
|
| 58 |
+
const barElements = document.getElementsByClassName("bar-fill");
|
| 59 |
+
for (let i = 0; i < barElements.length; i++) {
|
| 60 |
+
barElements[i].style.width = `${percentages[i]}%`;
|
| 61 |
+
}
|
| 62 |
};
|
| 63 |
</script>
|
| 64 |
</head>
|
| 65 |
<body>
|
| 66 |
<div class="card">
|
| 67 |
+
<div class="level" id="level">話者Lv: 85</div>
|
| 68 |
<div class="message" id="message">素晴らしい</div>
|
| 69 |
+
<div class="bar"><div class="bar-fill" style="background-color: lightblue;"></div></div>
|
| 70 |
+
<div class="bar"><div class="bar-fill" style="background-color: peachpuff;"></div></div>
|
| 71 |
+
<div class="bar"><div class="bar-fill" style="background-color: lightblue;"></div></div>
|
| 72 |
+
<div class="bar"><div class="bar-fill" style="background-color: peachpuff;"></div></div>
|
| 73 |
+
<div class="bar"><div class="bar-fill" style="background-color: lightcoral;"></div></div>
|
| 74 |
</div>
|
| 75 |
</body>
|
| 76 |
+
</html>
|