* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
강사님이 하시는 건 스크립트 양이 너무 많아 실수를 자주 해서 제가 처음부터 코드를 짜 봤습니다.
그런데 변수 선언이 잘못 됐는지 alert 함수도 출력되지 않네요.
최종적으로는 입력 받은 변수 값을 카드로 추가하여 만들려고 하는데 일단은 alert 창에 변수 값들만이라도 띄워보려 합니다.
<script>
function makecard(){
let name =$('#name').val();
let phone = $('#phone').val();
let address = $('#address').val();
alert("안녕하세요.");
}
특히 이 부분을 보시면 변수는 잘 선언되어 있는것 같은데.. 제가 실수한 부분이 있을까요?
작성한 코드 및 에러 메세지
오<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>THis is Sparta</title>
<style>
.main_title{
height : 150px;
background-color : green;
font-size : 300%
}
.form{
background-color : rgba(87, 87, 189, 0.276);
margin : 0px auto 0px auto;
width : 700px;
text-align : center;
}
.db{
border : 1px solid black;
width : 150px;
}
</style>
</head>
<script>
function makecard(){
let name =$('#name').val();
let phone = $('#phone').val();
let address = $('#address').val();
alert("안녕하세요.");
}
</script>
<body>
<div class="main_title">방문을 환영합니다.</div>
<div class="form" id="card">
<label for="floatinginput">이름을 입력해주세요 </label>
<input type="text" class ="name" id="name" placeholder="이름">
<br>
<label for="floatinginput">연락처를 입력해주세요</label>
<input type="text" class ="phone" id="phone" placeholder="연락처">
<br>
<label for="floatinginput">주소를 입력해주세요</label>
<input type="text" class ="address" id="address" placeholder="주소">
<br>
<button class="input" type="button" onclick="makecard()">입력하기</button>
</div>
<br>
<h1>회원명단</h1>
<div class="db" id="db">
<p>이름 : </p>
<p>연락처 : </p>
<p>주소 : </p>
</div>
</body>
</html>류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
