<구구단을 테이블 형태로 작성하기 실습>
-<head>에 <style>태그로 테이블을 스타일한 뒤 구구단을 생성한다.
-구구단의 단은 <thead>에 담기기 때문에 단을 for문으로 사용한다. 그리고나서 내가 만든 코드에서는 <thead>단과 <tbody> 곱해주는 1~9까지의 포문을 같이 써서 중첩 포문을 만들었는데 테이블이 각각 2단 하나, 3단 하나씩 출력되었었다.
-강사님의 힌트로 곱해주는 값의 포문을 먼저 작성하고 단을 안에다가 작성하는 중첩 포문으로 작성하면 테이블에 재대로 출력된다.
for (let gop = 1; gop <= 9; gop++) {
document.write("<tr>");
for (let dan = 2; dan <= 9; dan++) {
document.write("<td>" + dan + "*" + gop + "=" +(dan*gop) + "</td>");
}
document.write("<tr>");
}
-강사님이 알려주신 변수를 만들어서 더 간단하게 작성하는 테이블 안에 구구단 생성하기.
let tag = "";
for (let gop = 1; gop <= 9; gop++) {
tag += "<tr>";
for (let dan = 2; dan <= 9; dan++) {
tag += "<td>" + dan + "*" + gop + "=" + (dan * gop) + "</td>";
}
tag += "<tr>";
}
document.write(tag);
'JavaScript' 카테고리의 다른 글
| 13- 자바스크립트 - function (0) | 2021.09.12 |
|---|---|
| 12 - 자바스크립트 - 반복문(while, do~while) (0) | 2021.09.10 |
| 10 - 반복문 (for문으로 <h>태그 생성, 문자열 붙이기) (0) | 2021.09.10 |
| 09- 자바스크립트 - 반복문 (for, while, do ~ while) (0) | 2021.09.10 |
| 08- 자바스크립트 - if문과 switch~case문 (0) | 2021.09.10 |
