Update index.html

index.html

@@ -217,17 +217,36 @@ Long time no see!
 Nice to meet you!
 Good to see you!
           `
+      const container = document.getElementById("buttons")
        const words = word_text.trim().split("\n")
+          let number = 1
         for (let word of words){
-          console.log(word)
+          // ボタンを作成
+  const button = document.createElement('button');
+  
+  // ボタンテキストを設定
+  button.textContent = "#"+number.toString()+" "+word;
+  
+  // ボタンにクリックイベントを追加
+  button.onclick = () => tts(word, number);
+  
+  // ラベルを作成（オプション）
+  //const label = document.createElement('span');
+  //label.className = 'button-label';
+  //label.textContent = 'Label1'; // ラベルテキストは固定値としている
+  
+  // ボタンとラベルをDOMに追加
+  container.appendChild(button);
+          
         }
+          number +=1
           
         }
         
     
     </script>
     <div id="buttons">
-       <button onclick="tts(self.textContent,1)">Label1</button>
+       
     </div>
     <input type="text" id="textInput"  value ="Hello." placeholder="Enter some text here...">