<문제>
구구단 프로그램을 2차원 배열을 이용하여 작성하시오.
-소스코드
<!DOCTYPE html>
<html>
<head>
<title>구구단</title>
<script>
function execute() {
var target = document.getElementById("gugu");
var dan, num;
var gu = new Array();
var result;
var html = "";
html += "<table border='1'>";
for (var dan = 1; dan <= 9; dan++) {
html += ("<th>" + dan + "단" + "</th>")
gu[dan] = new Array();
}
for(dan=1; dan<=9; dan++) {
html += "<tr>";
for(num=1; num<=9; num++) {
gu[num][dan] = dan * num;
html += "<td>" + num + '*' + dan + '=' + gu[num][dan] + "</td>";
}
html += "</tr>";
}
html += "</table>";
target.innerHTML = html;
}
</script>
</head>
<body>
<span id="gugu"></span>
<input id="btn" type="button" value="구구단 배열 데이터 보기" onclick="execute();" />
</body>
</html>
-결과창
-설명
버튼을 누르면 execute( )가 사용된다.
function execute( )에서 traget 값에 id가 gugu인 값을 target에 대입한다. html에 태그 값을 대입한다. for문을 사용하여 2차원으로 만들어주고 다음에 이중 for문을 사용하여 구구단을 만들어준다.
코드는 친구의 도움을 받았습니다.
'Study > Javascript' 카테고리의 다른 글
| [javascript] 동적테이블 생성 (1) | 2020.06.26 |
|---|---|
| [javascript] 팩토리얼 계산 프로그램 (0) | 2020.06.05 |