前に戻るボタンを追加

feedback.html

@@ -37,6 +37,18 @@
             height: 100%;
             border-radius: 5px;
         }
+        .back-button {
+            margin-top: 15px;
+            padding: 8px 16px;
+            background-color: #007bff;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+        .back-button:hover {
+            background-color: #0056b3;
+        }
     </style>
     <script>
         function getMessage(level) {
@@ -47,6 +59,10 @@
             return "素晴らしい";
         }
 
+        function goBack() {
+            history.back();
+        }
+
         window.onload = function() {
             const level = 73; // レベル値
             const percentages = [80, 50, 60, 100, 30]; // 各バーのパーセンテージ
@@ -71,6 +87,7 @@
         <div class="bar"><div class="bar-fill" style="background-color: lightblue;"></div></div>
         <div class="bar"><div class="bar-fill" style="background-color: peachpuff;"></div></div>
         <div class="bar"><div class="bar-fill" style="background-color: lightcoral;"></div></div>
+        <button class="back-button" onclick="goBack()">前の画面に戻る</button>
     </div>
 </body>
 </html>