ChatGPTでリファクタリング

takanotume24 · Jan 19, 2024 · 72a16a5 · 72a16a5
1 parent 7495aa2
commit 72a16a5
Showing 1 changed file with 17 additions and 21 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en">
-
 <head>
     <meta charset="UTF-8">
     <title>Paper Translation Helper</title>
@@ -16,18 +15,16 @@
         integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
         crossorigin="anonymous"></script>
 </head>
-
 <body>
-    <div class="container">
+    <header>
         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
             <div class="container">
                 <a href="#" class="navbar-brand">📄📚 Paper Translation Helper 📚📄</a>
                 <div class="collapse navbar-collapse">
-                    <ul class="navbar-nav mr-auto"></ul>>
+                    <ul class="navbar-nav mr-auto"></ul>
                     <ul class="navbar-nav">
                         <li class="nav-item">
-                            <a class="nav-link"
-                                href="https://github.com/takanotume24/paper-translation-helper/wiki/%E4%BD%BF%E3%81%84%E6%96%B9">
+                            <a class="nav-link" href="https://github.com/takanotume24/paper-translation-helper/wiki/%E4%BD%BF%E3%81%84%E6%96%B9">
                                 使い方
                             </a>
                         </li>
@@ -50,27 +47,26 @@
                 </div>
             </div>
         </nav>
+    </header>
+    <main class="container">
         <div class="form-group">
             <label for="original">Input / 入力</label>
-            <textarea id="original" autofocus="autofocus" class="form-control"
-                placeholder="Paste Here. / ここに貼り付けてください。"></textarea>
+            <textarea id="original" class="form-control" placeholder="Paste Here. / ここに貼り付けてください。"></textarea>
         </div>
         <div class="list-group">
             <label id="converted">Output / 出力</label>
         </div>
-
-        <script src="./index.ts"></script>
-    </div>
-    <div class="container">
-        <label for="char_limit">Option / オプション</label>
-        <div class="input-group mb-2">
-            <div class="input-group-prepend">
-                <span class="input-group-text">Character limit / 文字数制限</span>
+        <div class="container">
+            <label for="char_limit">Option / オプション</label>
+            <div class="input-group mb-2">
+                <div class="input-group-prepend">
+                    <span class="input-group-text">Character limit / 文字数制限</span>
+                </div>
+                <input type="number" min="1000" class="form-control" id="char_limit" value="4500"
+                    placeholder="More than 1000 / 1000以上を入力してください">
             </div>
-            <input type="text" class="form-control" id="char_limit" value="4500"
-                placeholder="More than 1000 / 1000以上を入力してください">
         </div>
-    </div>
+    </main>
+    <script src="./index.ts" type="text/javascript"></script>
 </body>
-
-</html>
+</html>