Upload index.html

index.html

@@ -22,7 +22,9 @@
         #query {
             min-height: 40vh;
         }
-        #promptEn, #promptMyLanguage {
+
+        #promptEn,
+        #promptMyLanguage {
             min-height: 20vh;
         }
     </style>
@@ -81,9 +83,9 @@
                         </div>
                         <div class="card-body">
                             <div class="form-group mb-3">
-                                <label for="apiKey" class="form-label" id="apiKeyLabel"><a
-                                        href="https://aistudio.google.com/app/apikey?hl=ja"
-                                        target="_blank">APIキー</a></label>
+                                <label for="apiKey" class="form-label" id="apiKeyLabel">
+                                    <a href="https://aistudio.google.com/app/apikey?hl=ja" target="_blank">APIキー</a>
+                                </label>
                                 <input type="text" class="form-control" id="apiKey" placeholder="APIキーを入力してください">
                             </div>
                             <div class="form-group">
@@ -274,7 +276,7 @@
             document.getElementById('splitStrings').textContent = i18next.t('splitStrings');
             document.getElementById('outputPromptTitle').textContent = i18next.t('outputPromptTitle');
             document.getElementById('settingsTitle').textContent = i18next.t('settingsTitle');
-            document.getElementById('apiKeyLabel').textContent = i18next.t('apiKeyLabel');
+            document.querySelector('#apiKeyLabel > a').textContent = i18next.t('apiKeyLabel');
             document.getElementById('characterCountLabel').textContent = i18next.t('characterCountLabel');
             document.getElementById('languageSelectLabel').textContent = i18next.t('languageSelectLabel');