From 7c5857ed18a3380a7d82dd259c91cc4c98d1d93b Mon Sep 17 00:00:00 2001
From: yhkithub <129493057+yhkithub@users.noreply.github.com>
Date: Thu, 21 Nov 2024 22:45:05 +0900
Subject: [PATCH] =?UTF-8?q?Create=20=EA=B9=80=EC=9C=A4=ED=9D=AC=201?=
 =?UTF-8?q?=EC=A3=BC=EC=B0=A8=20=EA=B3=BC=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...\274\354\260\250 \352\263\274\354\240\234" | 113 ++++++++++++++++++
 1 file changed, 113 insertions(+)
 create mode 100644 "\352\271\200\354\234\244\355\235\254 1\354\243\274\354\260\250 \352\263\274\354\240\234"
diff --git "a/\352\271\200\354\234\244\355\235\254 1\354\243\274\354\260\250 \352\263\274\354\240\234" "b/\352\271\200\354\234\244\355\235\254 1\354\243\274\354\260\250 \352\263\274\354\240\234"
new file mode 100644
index 0000000..33bf8e5
--- /dev/null
+++ "b/\352\271\200\354\234\244\355\235\254 1\354\243\274\354\260\250 \352\263\274\354\240\234"	
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>간단한 선거 시스템</title>
+</head>
+<body>
+  <h2>회원가입</h2>
+  <form id="signupForm">
+    <input type="text" id="signupUsername" placeholder="Username" required>
+    <input type="password" id="signupPassword" placeholder="Password" required>
+    <select id="signupRegion" required>
+      <option value="서울">서울</option>
+      <option value="부산">부산</option>
+      <option value="대구">대구</option>
+    </select>
+    <button type="submit">회원가입</button>
+  </form>
+
+  <h2>로그인</h2>
+  <form id="loginForm">
+    <input type="text" id="loginUsername" placeholder="Username" required>
+    <input type="password" id="loginPassword" placeholder="Password" required>
+    <button type="submit">로그인</button>
+  </form>
+
+  <h2>후보 등록</h2>
+  <form id="candidateForm">
+    <input type="text" id="candidateName" placeholder="후보 이름" required>
+    <button type="submit">후보 등록</button>
+  </form>
+
+  <h2>후보 목록</h2>
+  <div id="candidateList"></div>
+
+  <script>
+    // 로컬 스토리지를 활용한 회원가입
+    document.getElementById("signupForm").addEventListener("submit", function (e) {
+      e.preventDefault();
+      const username = document.getElementById("signupUsername").value;
+      const password = document.getElementById("signupPassword").value;
+      const region = document.getElementById("signupRegion").value;
+
+      const users = JSON.parse(localStorage.getItem("users")) || [];
+      users.push({ username, password, region });
+      localStorage.setItem("users", JSON.stringify(users));
+      alert("회원가입 성공!");
+    });
+
+    // 로그인 기능 구현
+    document.getElementById("loginForm").addEventListener("submit", function (e) {
+      e.preventDefault();
+      const username = document.getElementById("loginUsername").value;
+      const password = document.getElementById("loginPassword").value;
+
+      const users = JSON.parse(localStorage.getItem("users")) || [];
+      const user = users.find(u => u.username === username && u.password === password);
+      if (user) {
+        localStorage.setItem("loggedInUser", JSON.stringify(user));
+        alert("로그인 성공!");
+        displayCandidates(user.region);
+      } else {
+        alert("로그인 실패! 아이디와 비밀번호를 확인하세요.");
+      }
+    });
+
+    // 후보 등록 기능 구현
+    document.getElementById("candidateForm").addEventListener("submit", function (e) {
+      e.preventDefault();
+      const loggedInUser = JSON.parse(localStorage.getItem("loggedInUser"));
+      if (!loggedInUser) {
+        alert("로그인이 필요합니다!");
+        return;
+      }
+
+      const candidateName = document.getElementById("candidateName").value;
+      const candidates = JSON.parse(localStorage.getItem("candidates")) || {};
+      if (!candidates[loggedInUser.region]) {
+        candidates[loggedInUser.region] = [];
+      }
+      candidates[loggedInUser.region].push(candidateName);
+      localStorage.setItem("candidates", JSON.stringify(candidates));
+      alert("후보 등록 완료!");
+      displayCandidates(loggedInUser.region);
+    });
+
+    // 후보 목록 표시
+    function displayCandidates(region) {
+      const candidates = JSON.parse(localStorage.getItem("candidates")) || {};
+      const candidateList = candidates[region] || [];
+      const candidateListDiv = document.getElementById("candidateList");
+      candidateListDiv.innerHTML = "";
+      candidateList.forEach((candidate, index) => {
+        const candidateElement = document.createElement("div");
+        candidateElement.innerHTML = `
+          <input type="checkbox" id="candidate${index}" name="candidate" value="${candidate}">
+          <label for="candidate${index}">${candidate}</label>
+        `;
+        candidateListDiv.appendChild(candidateElement);
+      });
+    }
+
+    // 로그인 된 상태이면 후보 목록 표시
+    window.onload = function () {
+      const loggedInUser = JSON.parse(localStorage.getItem("loggedInUser"));
+      if (loggedInUser) {
+        displayCandidates(loggedInUser.region);
+      }
+    };
+  </script>
+</body>
+</html>
