JavaScript
입력한 글 얼럿창으로 띄우기
purism02
2015. 11. 3. 16:51
입력한 글 얼럿창으로 띄우기
알럿창에 이름을 입력하면 제 이름이 나오면서 방가방가 메시지를 남길꺼에요
그럼 이름이 뭐냐 하고 이름 쓸 칸 하고 클릭 하면 어떤 함수가 실행되면서 "[###]님 방가 방가" 가 나오면 되겠죠?
우선 어떻게 할지 고민하고
필요한 부분 부터 html로 채우고
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>입력한 글 얼럿창으로 띄우기</title>
<script>
function showName() {
var urname = document.getElementById("name"); // 변수 urname을 만들어요. 바로 도큐먼트 안에 id="name"이라는 아이를 통으로 변수 urname으로 뿅
window.alert("[" + urname.value + "]님 방가 방가!"); // 그럼 변수 urname에는 input 이 가진 모든 정보가 오는데 저희는 이름만 필요하잖아요 그래서 .value를 써요
}
</script>
</head>
<body>
이름입력
<input type="text" id="name">
<input type="button" value="click" onclick="showName()">
</body>
</html>
그리하여 새로 만든 함수 showName을 클릭하면 불러오는거죠
바로 입력한 아이의 정보를 뿅~!! 그래서
얼럿에 ### 방가 방가! 라는게 떠요.
우와~!! 참 쉽죠!!!