funnycom · tjddnd3116 · Feb 28, 2023 · Feb 28, 2023 · Feb 28, 2023 · Feb 28, 2023
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+tags
diff --git a/04/quiz-1.html b/04/quiz-1.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>함수</title>
+</head>
+<body>
+  <h1>양수인지 음수인지 판단하기</h1> 
+</body>
+</html>
diff --git a/04/quiz-2.html b/04/quiz-2.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>함수</title>
+</head>
+<body>
+  <h1>두 수의 최대 공약수 구하기</h1>
+</body>
+</html>
diff --git a/06/evnet-0.html → 06/event-0.html b/06/evnet-0.html → 06/event-0.html
diff --git a/06/evnet-2.html → 06/event-2.html b/06/evnet-2.html → 06/event-2.html
diff --git a/06/evnet-3.html → 06/event-3.html b/06/evnet-3.html → 06/event-3.html
diff --git a/06/evnet-4.html → 06/event-4.html b/06/evnet-4.html → 06/event-4.html
diff --git a/06/evnet-5.html → 06/event-5.html b/06/evnet-5.html → 06/event-5.html
diff --git a/06/getForm.html b/06/getForm.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<meta http-equiv="X-UA-Compatible" content="ie=edge">
+	<title>수강신청하기</title>
+	<link rel="stylesheet" href="css/getForm.css">
+</head>
+<body>
+	<div id="container">
+		<h1>수강신청</h1>
+		<form name="testForm">
+			<fieldset>
+				<legend>신청인</legend>
+				<ul>
+					<li>       	
+						<label class="reg" for="userName">이름</label>
+						<input type="text" id="userName" name="userName" maxlength="50">               
+					</li>
+					<li>
+						<label class="reg" for="class">학과</label>
+						<select name="major" id="major">
+							<option>---- 학과 선택 ----</option>
+							<option value="archi">건축공학과</option>
+							<option value="mechanic">기계공학과</option>
+							<option value="indust">산업공학과</option>
+							<option value="elec">전기전자공학과</option>
+							<option value="computer">컴퓨터공학과</option>
+							<option value="chemical">화학공학과</option>
+						</select>
+					</li>
+				</ul>				
+			</fieldset>
+			<fieldset>
+				<legend>신청 과목</legend>
+				<p>이 달에 신청할 과목을 선택하세요.</p>
+				<label><input type="radio" name="subject" value="speaking">회화</label>
+				<label><input type="radio" name="subject" value="grammar">문법</label>
+				<label><input type="radio" name="subject" value="writing">작문</label>       
+			</fieldset>
+			<fieldset>
+				<legend>메일링</legend>
+				<p>메일로 받고 싶은 뉴스 주제를 선택해 주세요</p>
+				<label><input type="checkbox" id="new" name="mailing" value="news">해외 단신</label>
+				<label><input type="checkbox" id="dialog" name="mailing" value="dialog">5분 회화</label>
+				<label><input type="checkbox" id="pops" name="mailing" value="pops">모닝팝스</label>
+			</fieldset>
+		</form>
+    <button id="send">전송하기</button>
+	</div>
+
+	<script src="js/getForm.js"></script>
+</body>
+</html>
diff --git a/06/js/getForm.js b/06/js/getForm.js
@@ -0,0 +1,8 @@
+		const selectMenu = document.querySelector("#major");  // 선택 목록을 가져와 selectMenu로 저장
+
+		function displaySelect() {
+			let selectedText = selectMenu.options[selectMenu.selectedIndex].innerText;		
+			alert(`[${selectedText}]를 선택했습니다.`);
+		}		
+
+		selectMenu.onchange = displaySelect;
diff --git a/06/js/modal-result.js b/06/js/modal-result.js
@@ -5,3 +5,7 @@ const close = document.querySelector("#close");
 open.addEventListener("click", () => {
   modalBox.classList.toggle("active"); // 클릭하면 클래스리스트에 .active 스타일 추가
 });
+
+close.addEventListener("click", () => {
+  modalBox.classList.toggle("active"); // 클릭하면 클래스리스트에 .active 스타일 삭제
+});