rein0421 mizzzuno commited on
Commit
689d71a
·
verified ·
1 Parent(s): 223ee7d

前に戻るボタンを追加 (#3)

Browse files

- 前に戻るボタンを追加 (8e50b2b0c551d5d99cc780b18a3658fc932f9b55)


Co-authored-by: 水野航 <[email protected]>

Files changed (1) hide show
  1. 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>