Spaces:
Sleeping
Sleeping
前に戻るボタンを追加 (#3)
Browse files- 前に戻るボタンを追加 (8e50b2b0c551d5d99cc780b18a3658fc932f9b55)
Co-authored-by: 水野航 <[email protected]>
- feedback.html +17 -0
feedback.html
CHANGED
@@ -37,6 +37,18 @@
|
|
37 |
height: 100%;
|
38 |
border-radius: 5px;
|
39 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
40 |
</style>
|
41 |
<script>
|
42 |
function getMessage(level) {
|
@@ -47,6 +59,10 @@
|
|
47 |
return "素晴らしい";
|
48 |
}
|
49 |
|
|
|
|
|
|
|
|
|
50 |
window.onload = function() {
|
51 |
const level = 73; // レベル値
|
52 |
const percentages = [80, 50, 60, 100, 30]; // 各バーのパーセンテージ
|
@@ -71,6 +87,7 @@
|
|
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>
|
|
|
37 |
height: 100%;
|
38 |
border-radius: 5px;
|
39 |
}
|
40 |
+
.back-button {
|
41 |
+
margin-top: 15px;
|
42 |
+
padding: 8px 16px;
|
43 |
+
background-color: #007bff;
|
44 |
+
color: white;
|
45 |
+
border: none;
|
46 |
+
border-radius: 5px;
|
47 |
+
cursor: pointer;
|
48 |
+
}
|
49 |
+
.back-button:hover {
|
50 |
+
background-color: #0056b3;
|
51 |
+
}
|
52 |
</style>
|
53 |
<script>
|
54 |
function getMessage(level) {
|
|
|
59 |
return "素晴らしい";
|
60 |
}
|
61 |
|
62 |
+
function goBack() {
|
63 |
+
history.back();
|
64 |
+
}
|
65 |
+
|
66 |
window.onload = function() {
|
67 |
const level = 73; // レベル値
|
68 |
const percentages = [80, 50, 60, 100, 30]; // 各バーのパーセンテージ
|
|
|
87 |
<div class="bar"><div class="bar-fill" style="background-color: lightblue;"></div></div>
|
88 |
<div class="bar"><div class="bar-fill" style="background-color: peachpuff;"></div></div>
|
89 |
<div class="bar"><div class="bar-fill" style="background-color: lightcoral;"></div></div>
|
90 |
+
<button class="back-button" onclick="goBack()">前の画面に戻る</button>
|
91 |
</div>
|
92 |
</body>
|
93 |
</html>
|