HTML 부분
<! DOCTYPE HTML>
<HTML LANG = "EN">
<head>
<메타 캐릭터 = "UTF-8">
<메타 이름 = "뷰포트"내용 = "= 폭 소자 폭 초기 스케일 = 1.0">
<META HTTP-EQUIV = "X-UA-지원"내용 = "즉 = 엣지">
<TITLE> 문헌 </ TITLE>
</ head>
<body>
<표>
<열 결합 토륨 = "9"> 곱셈 테이블 </ 일>
</ 테이블>
<스크립트 SRC = "./하는 index.js"> </ script>
</ body>
</ HTML>
JS 부
표 = document.getElementsByTagName ( "테이블")을 보자 [0];
위한은 (i = 1하자; I <= 9; 나는 ++) {
TR = document.createElement ( "TR")를 보자;
에 대한 (j = 1하자; j는 <= I를, J를 ++) {
TD = document.createElement ( "TD")를 보자;
하자 document.createTextNode 식 = (j + "*"+ I + "="+ 난 * J);
td.appendChild (식);
td.style.cssText = '국경 : 1 픽셀의 고체';
tr.appendChild (TD);
}
table.appendChild (TR);
CONSOLE.LOG (테이블);
}