실행
2~9까지 구구단
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>2~9까지 구구단</h1>
<button type="button" onclick="gugudan();">구구단 출력</button>
<h3 id="print"></h3>
<button type="button" onclick="guguPlus();">구구단 표 출력</button>
<!-- 2×1=2 3×1=3 ...
2×2=4 3×2=6 ... -->
<!-- tabel 생성해서 넣기 -->
<table border="1" id="gugu"></table>
// 구구단 한줄 출력
<script>
function gugudan(){
let dan = 2;
let cnt = 1;
let result="";
while(cnt<10){
dan = 2;
while(dan<10){
result += `${dan} X ${cnt} = ${dan*cnt} `;
dan++;
};
cnt++;
};
document.getElementById('print').innerText = result;
}
</script>
//구구단 표에 넣어 출력
<script>
function guguPlus(){
let dan = 2;
let cnt = 1;
let result="";
while(cnt<10){
dan = 2;
result += '<tr>'; //<tr> 열어주기
while(dan<10){
result += `<td> ${dan} X ${cnt} = ${dan*cnt} </td>`;
dan++;
};
cnt++;
result += `</tr>`; //</tr> 닫아주기 (한줄완성)
};
document.getElementById('gugu').innerHTML = result;
}
</script>
</body>
</html>
'JS > JS 예시' 카테고리의 다른 글
[JS] 업다운 게임 (0) | 2023.04.17 |
---|---|
[JS] 배수 출력 (1~100까지 중 입력한 숫자의 배수) (0) | 2023.04.17 |
[JS] 제곱 구하기 (while문 이용) (0) | 2023.04.14 |
[JS] 2023-04-13 (목) 출력 (0) | 2023.04.13 |
[JS] 주민번호를 넣고 버튼을 누르면, 생년월일 / 성별 / 나이 출력 (0) | 2023.04.13 |