반응형
javascript의 confirm와 Prompt를 활용하여 입력을 받고 입력받은 정보로 테이블을 구성하는 작업.
<html>
<head>
<title>Array Sample</title>
<script language="javascript">
var myArray=new Array();
var titleArray=new Array("동호수를","이름을","평수를","방갯수를","화장실 갯수를");
i=0;
k=0;
flag=0;
while(confirm("아파트 정보를 입력할까요?")) {
myArray[i]=new Array();
for(j=0 ; j<5 ; j++) {
myArray[i][j]=prompt(titleArray[j]+"입력해주세요","");
}
i++;
}
document.write("<table border='1' width='500'>");
document.write("<tr><td>동호수</td><td>이름</td><td>평수</td><td>방갯수</td>");
document.write("<td>욕실갯수</td></tr>");
for(i=0;i<myArray.length;i++) {
document.write("<tr>");
for(j=0;j<myArray[i].length;j++) {
document.write("<td>"+myArray[i][j]+"</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</head>
</body>
</html>
이렇게 하면 간단하게 구현이 가능함.
반응형
'웹프로그래밍 > JavaScript & Jquery' 카테고리의 다른 글
jQuery (jQuery Pannel 만들기) (0) | 2019.12.09 |
---|---|
JavaScript(마우스 커서에 따른 이미지 변환) (0) | 2019.11.29 |