2017. 2. 16. 23:47
반응형
행과 열의 수를 각각 입력받아서 표만들기
자바스크립트를 활용한다.
행과 열에 해당하는 숫자를 각각 입력하고 확인 버튼을 누르면 된다.
행(row) :
열(col) :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>동적테이블 생성</title>
<script>
function main(a1, a2) {
var tag = "<table border='1'>";
var b1 = parseInt(a1);
var b2 = parseInt(a2);
for (j = 1; j <= b1; j++) {
tag += "<tr>";
for (i = 1; i <= b2; i++) {
tag += "<td>"+j+"."+i+"</td>";
}
tag += "</tr>";
}
tag += "</table>";
area.innerHTML = tag;
}
</script>
</head>
<body>
행(row) : <input type="number" id="txt1"><br/>
열(col) : <input type="number" id="txt2">
<button onclick="main(txt1.value, txt2.value)">enter</button>
<hr/>
<div id="area"></div>
</body>
</html>
반응형
'dev' 카테고리의 다른 글
| [JavaScript] 로또번호 생성기3.0 (제외수 지정 가능) (1) | 2017.02.26 |
|---|---|
| [JavaScript] 배열 섞기 (랜덤) (0) | 2017.02.25 |
| [JavaScript] 객체 배열 정렬하기 (0) | 2017.02.22 |
| [JavaScript] 배열 정렬하기 - sort() (0) | 2017.02.21 |
| [JavaScript] setInterval, clearInterval로 카운트다운 만들기 (0) | 2017.02.14 |
| [JavaScript] h1 ~ h6 출력하기 (0) | 2017.02.03 |
| [JavaScript] 구구단표 만들기 (0) | 2017.02.02 |
| [JavaScript] 티스토리 태그 검색기 만들기 (1) | 2016.07.21 |