新增注册（页面跳转）及登录（弹窗）功能

index.html

@@ -45,26 +45,70 @@
         </div>
     </main>
 
-    
+
     <div class="upload-download-container">
         <h2>広告募集</h2>
-        
+
         <label id="fileInputLabel" for="fileInput">ファイルを選択してください</label>
         <input type="file" id="fileInput">
         <button id="uploadBtn">アップロード</button>
         <div id="uploadResult"></div>
 
-        
+
         <button id="downloadBtn">ダウンロード</button>
     </div>
 
     <div class="button-area text-center py-4">
-        <button id="goToRegister" class="btn-outline">会員登録</button>
+        <a href="register.html" id="goToRegister" class="btn-outline">会員登録</a>
         <button id="goToLogin" class="btn-outline">ログイン</button>
     </div>
 
-    
 
+<div id="loginModal" class="modal" style="display: none;">
+    <div class="modal-content">
+      <span id="closeLoginModal" class="close">&times;</span>
+      <h2>ログイン</h2>
+      <form id="loginForm">
+        <label for="loginEmail">メールアドレス（必須）</label>
+        <input type="email" id="loginEmail" required />
+  
+        <label for="loginPassword">パスワード（必須）</label>
+        <input type="password" id="loginPassword" required />
+  
+        <div class="modal-actions">
+          <button type="button" id="submitLogin">ログイン</button>
+          <button type="button" id="cancelLogin">キャンセル</button>
+        </div>
+      </form>
+    </div>
+  </div>
+  
+
+<!-- <div id="registerModal" class="modal" style="display: none;">
+    <div class="modal-content">
+      <span id="closeRegisterModal" class="close">&times;</span>
+      <h2>会員登録</h2>
+      <form id="registerForm">
+        <label for="registerUsername">ユーザー名</label>
+        <input type="text" id="registerUsername" />
+  
+        <label for="registerEmail">メールアドレス</label>
+        <input type="email" id="registerEmail" required />
+  
+        <label for="registerPassword">パスワード</label>
+        <input type="password" id="registerPassword" required />
+  
+        <label for="registerConfirmPassword">パスワード</label>
+        <input type="password" id="registerConfirmPassword" required />
+  
+        <div class="modal-actions">
+          <button type="button" id="submitRegister">登録</button>
+          <button type="button" id="cancelRegister">キャンセル</button>
+        </div>
+      </form>
+    </div>
+  </div> -->
+  
 
     <script src="js/main.js"></script>
 </body>