도와주세용~ 구구단 테이블에 넣기 자바스크립트 입니
-
게시물 수정 , 삭제는 로그인 필요
아래와 같은 코드를 만들었는데요. 구구단을 테이블에 넣으려는데
이렇게 i 가 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">
<title>function and test</title>
</head>
<body>
<h1>연습문제 풀이</h1>
<div>
<table id="guguTable" border=1px solid>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
</table>
<script>
const guguTd = document.querySelectorAll("#guguTable td");
for(let j=1; j<10; j++){
guguTd[j-1].innerText=j+"단";
for(let i=1; i<10; i++){
let result=i*j
console.log(result);
guguTd[j*9].innerText=j+"X"+i+"="+result;
}
}
</script>
</div>
</body>
</html>
구구단을 테이블에 넣으려는데
이렇게 i 가 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">
<title>function and test</title>
</head>
<body>
<h1>연습문제 풀이</h1>
<div>
<table id="guguTable" border=1px solid>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<tr class="tr">
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
</table>
<script>
const guguTd = document.querySelectorAll("#guguTable td");
for(let j=1; j<10; j++){
guguTd[j-1].innerText=j+"단";
for(let i=1; i<10; i++){
let result=i*j
console.log(result);
guguTd[j*9].innerText=j+"X"+i+"="+result;
}
}
</script>
</div>
</body>
</html>