JavaScript使用for循环完成打印出四种形式的九九乘法表

时间:2022-02-16 20:29:32
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<script type="text/javascript">

//形式一

document.write("<table>");
for (var i = 1; i < 10; i++) {
document.write("<tr>");
for (var j = 1; j<= i; j++) {
document.write("<td>"+j+"*"+i+"="+i*j+"</td >");
}
document.write("</tr>");
}

document.write("</table>");



document.write("------------------------------------------------------------");

//形式二
document.write("<table>");
for (var i = 9; i >0; i--) {
document.write("<tr>");
for (var j = 1; j<= i; j++) {
document.write("<td>"+j+"*"+i+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");


document.write("------------------------------------------------------------");

//形式三
document.write("<table>");
for (var i = 1; i < 10; i++) {
document.write("<tr>");
for (var a = 1; a<10-i; a++) {
document.write("<td> </td >");
}
for (var j = i; j>0; j--) {
document.write("<td>"+i+"*"+j+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");


document.write("------------------------------------------------------------");

//形式四
document.write("<table>");
for (var i = 9; i >0; i--) {
document.write("<tr>");
for (var a = 1; a<10-i; a++) {
document.write("<td> </td >");
}
for (var j = i; j>0; j--) {
document.write("<td>"+i+"*"+j+"="+i*j+"</td >");
}
document.write("</tr>");
}
document.write("</table>");

</script>
</head>
<body>


</body>

</html>

效果一:

JavaScript使用for循环完成打印出四种形式的九九乘法表

效果二

JavaScript使用for循环完成打印出四种形式的九九乘法表

效果三

JavaScript使用for循环完成打印出四种形式的九九乘法表

效果四:

JavaScript使用for循环完成打印出四种形式的九九乘法表