Dieser Artikel zeigt Ihnen hauptsächlich, wie Sie die Multiplikationstabelle mit JS drucken. Ich hoffe, er kann Ihnen helfen.
Schritte
1. Machen Sie zuerst eine Schleife und buchstabieren Sie die gesamte Multiplikationstabelle
2. Fügen Sie die Multiplikationstabelle in eine Tabelle ein
3. Fügen Sie einfach einige Stile zur Tabelle hinzu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS打印九九乘法表</title>
<style media="screen">
/* 简单给整个table加点样式 */
table{
border-collapse: collapse;
}
table tr{
border: 1px solid #666;
}
table tr th{
border: 1px solid #666;
color: #999;
padding:10px;
}
</style>
</head>
<body>
<script type="text/javascript">
// 创建table
document.write("<table>");
// 打印九九乘法表
for(var x = 1;x <= 9;x++){
// 创建tr
document.write("<tr>");
for(var y = 1;y <= x;y++){
// 公式里创建th
document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>')
}
// 闭合tr
document.write("</tr>");
}
// 闭合table
document.write("</table>")
</script>
</body>
</html>Verwandte Empfehlungen:
js implementiert den exquisiten Multiplikationstabellen-Effektcode
Das obige ist der detaillierte Inhalt vonJS-Implementierung eines Beispiels für die Druckmethode der Multiplikationstabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
