Update index.html

index.html

@@ -31,6 +31,19 @@
             cursor: pointer;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
         }
+        .result-button {
+            margin-top: 20px;
+            padding: 10px 20px;
+            background-color: #4caf50;
+            border: none;
+            border-radius: 5px;
+            color: white;
+            cursor: pointer;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
+        }
+        .result-button:hover {
+            background-color: #388e3c;
+        }
     </style>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
 </head>
@@ -39,6 +52,7 @@
         <canvas id="speechChart"></canvas>
     </div>
     <button class="record-button" onclick="toggleRecording()"></button>
+    <button class="result-button" onclick="showResults()">結果を表示</button>
     <script>
         let isRecording = false;
         function toggleRecording() {
@@ -50,6 +64,10 @@
             }
         }
 
+        function showResults() {
+            window.location.href = 'feedback.html';
+        }
+
         const ctx = document.getElementById('speechChart').getContext('2d');
         const chart = new Chart(ctx, {
             type: 'doughnut',
@@ -75,4 +93,4 @@
         });
     </script>
 </body>
-</html>
+</html>