공부/Web
JAVASCRIPT :: prompt( ), confirm( )
린구
2022. 4. 10. 19:02
반응형
『prompt( )』
prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 메세지를 갖고 있는 대화 상자를 띄우는 메소드이다.
이를 이용하여 사용자에게 이름과 전화번호를 입력받아 그 내용을 출력하는 페이지를 구성할 수 있다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test022.html</title>
<script type="text/javascript">
function addMember()
{
var str = "";
var arr = new Array();
var n = 0;
do
{
// ※ 『prompt()』 대화창을 통해 데이터 입력 안내 → 입력 데이터를 변수 str 에 담기
str = prompt("이름 전화번호(" + (n+1) + ") : ");
if (str == null || str == "." || str == " " || str == "")
{
break;
}
arr[n] = str
n++;
}
while(true);
document.getElementById("txtCount").value = arr.length;
document.getElementById("txtResult").value = " 이름 전화번호\n";
for(var n=0; n<arr.length; n++)
{
document.getElementById("txtResult").value += arr[n] + "\n";
}
}
</script>
</head>
<body>
<div>
<form>
<input type="button" value="회원 정보 입력" class="btn" style="width: 200px;" onclick=addMember()>
<br><br>
전체 회원 수 <input type="text" id="txtCount" class="txt" readonly="readonly" style="width: 20px; height: 10px;">
명
<br>
<textarea row="10" cols="30" id="txtResult" readonly="readonly" style="margin: 2px;"></textarea>
</form>
</div>
</body>
</html>
prompt( ) 로 입력 받은 값은 문자열로 반환되기 때문에
숫자를 입력 받아야 하는 경우는 문자열로 입력 받은 뒤 변환한다.
『confirm( )』
사용자로부터 불린 값을 입력 받을 때 사용한다.
확인을 누르면 true를 리턴하고 취소를 누르면 false를 리턴한다.
반응형