0616

김규리·2022년 6월 16일
결제하기
주문 정보
  • 이름 :
  • 연락처 :
  • 주소 :
배송 정보
  • 주문 정보와 배송 정보가 같습니다
  • 이름 :
  • 연락처 :
  • 주소 :
결제하기
var check = document.querySelector("shippingInfo");//체크 상자의 id
check.addEventListener("click", function(){  //체크가 클릭되었다면 실행
    if(check.checked == true){ //체크 표시가 나온다면
        document.querySelector("#shippingName").value = document.querySelector("#billingName").value
        document.querySelector("#shippingTel").value = document.querySelector("#billingTel").value
        document.querySelector("#shippingAddr").value = document.querySelector("#billingAddr").value
    }else{
        document.querySelector("#shippingName").value = "";
        document.querySelector("#shippingTel").value = "";
        document.querySelector("#shippingAddr").value = "";
    }
});
<!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">
	<link rel="stylesheet" href="css/register.css">
	<title>회원 가입</title>
</head>
<body>
	<div id="container">
		<h1>회원 가입</h1>
		<form action="#" id="register">
			<ul id="user-info">
				<li>
					<label for="user-id" class="field">아이디</label>
					<input type="text" id="user-id" placeholder="4~15자리의 영문과 숫자로 입력" required>
				</li>
				<li>
					<label for="email" class="field">이메일</label>
					<input type="email" id="email" required>
				</li>
				<li>
					<label for="user-pw1" class="field">비밀번호</label>
					<input type="password" id="user-pw1" placeholder="8자리 이상" required>
				</li>
				<li>
					<label for="user-pw2" class="field">비밀번호 확인</label>
					<input type="password" id="user-pw2" required>
				</li>
				<li>
					<label class="field">메일링 수신</label>
					<label class="r"><input type="radio" value="yes" name="mailing"></label>
					<label class="r"><input type="radio" value="no" name="mailing">아니오</label>
				</li>
			</ul>
			<ul id="buttons">
				<li>
					<button type="submit" class="btn btnBlack">가입하기</button>					
				</li>
				<li>
					<button type="reseet" class="btn btnGray">취소</button>
				</li>
			</ul>
		</form>
	</div>
	<script src="./js/register.js"></script>
</body>
</html>

어려운점
따라가기 힘들다

해결방법
복습

학습소감
따라가기가 힘들어 정리가 잘 안된다ㅠ

profile
코딩

0개의 댓글