この記事では主に、JS を使用して九九を印刷する方法の例を紹介します。お役に立てれば幸いです。
手順
1. 最初にループして、九九全体を詳しく説明します
2. 九九を表に挿入します
3. 表にスタイルを追加するだけです
<!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>関連する推奨事項:
上下左右対称の九九を実装するJS_javascriptスキル
以上が九九印刷メソッドのJS実装例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
