🎨 SignIn 페이지 추가 및 연결

회원가입을 완료 후 버튼을 누르면 signin 페이지로 넘어갈 수 있도록 코드 연결
codeit-bootcamp-frontend · Sep 28, 2024 · 52e5762 · 52e5762
1 parent 944f5c3
commit 52e5762
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/js/components/input.js b/js/components/input.js
@@ -33,7 +33,7 @@ export function checkInputFormat(event, passwordInput) {
       validate: (value) => value.length >= 1,
     },
     checkpassword : {
-      hasValueError: '비밀번호을 다시 확인해주세요',
+      hasValueError: '비밀번호을 다시 입력해주세요',
       formatError: '비밀번호가 일치하지 않습니다.',
       validate: (value) => passwordInput === value,
     }
@@ -57,19 +57,18 @@ export function checkInputFormat(event, passwordInput) {
 
     if(!hasValue) {
       input.classList.toggle('error', true);
-      console.log(hasValueError);
+      //console.log(hasValueError);
       return [inputType, false, hasValueError];
     } else if(!validate(input.value)) {
       input.classList.toggle('error', true);
-      console.log(formatError);
+      //console.log(formatError);
       return [inputType, false, formatError];
     } else {
       input.classList.toggle('error', false);
       return [inputType, true, ''];
     }
 
   }
-  //return [inputType, false];
 }
 
 //input에 이메일 형식을 test하는 함수 
@@ -88,7 +87,7 @@ export function addError(inputError) {
   const errorMessage = inputError[2]; // 에러 메시지
 
   // inputName에 따라 관련 p 요소 선택
-  const warning = document.querySelector(`div[id="${inputName}-input-container"]`).lastElementChild;
+  const warning = document.querySelector(`#${inputName}-input-container`).lastElementChild;
 
   if (warning) {
     warning.innerHTML = errorMessage;

diff --git a/js/signup.js b/js/signup.js
@@ -58,7 +58,7 @@ function submitSignup(e) {
     });
 
     ///signin.html로 이동 
-    window.location.href = '/index.html';
+    window.location.href = '/signin.html';
   } else {
     console.log('입력이 부족합니다.')
   }

diff --git a/signin.html b/signin.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>signin</title>
+</head>
+<body>
+  회원가입을 완료한 페이지 입니다.
+</body>
+</html>