티스토리 뷰
prompt는 사용자에게 반환 값을 돌려준다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function addMember()
{/*
alert("함수 호출 완료");
var a= prompt("암거나 입력 ");
alert(a); */
var n=0;
var str="";
var arr=new Array(); // 이름,전화번호 따로 안하고 배열 통째로 구성
do
{
str =prompt("이름 전화번호("+(n+1) +") 입력 : ");
//반복문 빠져나가기
if(str=="" || str =="." || str==" ") // prompt창에서 공백이 없으면 즉 ,입력값없이 확인 누르면
{
break;
}
arr[n] = str;
n++;
}while(true);
document.getElementById("txtCount").value=arr.length;
document.getElementById("txtResult").value=" 이름 전화번호 "; // "="로 인해 데이터가 초기화되어 다시 출력됨.
document.getElementById("txtResult").value+="-----------------------------\n";
for(var n=0; n<arr.length; n++)
{
document.getElementById("txtResult").value +=arr[n] +"\n";
}
}
</script>
</head>
<body>
<!-- 여러 명의 이름과 전화번호를 입력받고
그 내용을 전체 출력하는 페이지를 구성한다
※ prompt() 활용
페이지 레이아웃
-------------------------------------------
<회원 정보 입력>
전체 회원 수 : [ ] 명
-------------------------------------------
이름 전번
리은채 010-1111-1111
킴동현 010-2222-2222
------------------------------------------- -->
</body>
<div>
<h1>자바스크립트 활용
</h1>
</div>
<div>
<form>
<input type="button" value="회원 정보 입력" class="btn" onclick="addMember()">
<br><br>
전체 회원 수
<input type="text" id="txtCount" class="txt" style="width:20px;" readonly="readonly">
<br><br>
<textarea rows="10" cols="30" id="txtResult" readonly="readonly"></textarea>
</form>
</div>
</html>'Web(국비) > 자바스크립트' 카테고리의 다른 글
| JavaScript - 배열 Array문제 (0) | 2019.10.18 |
|---|---|
| 알아두기 (0) | 2019.10.18 |
| JavaScript-split문제 (0) | 2019.10.18 |
| JavaScript 짝수 출력 문제 (0) | 2019.10.18 |
| JavaScript - 배열 문제 (0) | 2019.10.17 |