javascript九九乘法口诀表多种实现
Posted tea_year
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript九九乘法口诀表多种实现相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//双重循环，注意：这个时候使用for循环比较好;
//个数固定
//代码1：生成一个矩形的乘法口诀表;
for (var i = 1; i <= 9; i++) { //i:表示前面的数;
for (var j = 1; j <= 9; j++) {
document.write(i + "*" + j + "=" + i * j + " ");
}//这个时候，j第二个数字乘完;
document.write("<br/>");
}
//代码2：生成一个正三角形的乘法口诀表;
for (var i = 1; i <= 9; i++) { //i:表示前面的数;
for (var j = 1; j <= i; j++) { //规律：当j==i相等时候，就不再往后求乘积了.
document.write(i + "*" + j + " = " + i * j + "      ");
}//这个时候，j第二个数字乘完;
document.write("<br/>");
}
//代码3：
for (var i = 1; i <= 9; i++) { //i:表示前面的数;
// for (var k = 0; k <= i; k++) {
// document.write("         ")
// }
//规律：当j==9-i+1
for (var j = 1; j <= 9; j++) {
if (i * j > 10)
document.write(i + "*" + j + " = " + i * j + "  ");
else
document.write(i + "*" + j + " = " + i * j + "   ");
}//这个时候，j第二个数字乘完;
document.write("<br/>");
}
//作业：生成一个倒三角形的乘法口诀表;
for (var i = 1; i <= 9; i++) { //i:表示前面的数;
//Java一般用的比较多，在第二层，再增加一个空格循环;
for (var k = 0; k <= i; k++) {
document.write("         ")
}
//规律：从第2行开始，列的值少了；一个方法是j--;起始值加上去，从i开始；
for (var j = i; j <= 9; j++) {
if (i * j > 10)
document.write(i + "*" + j + " = " + i * j + "    ");
else
document.write(i + "*" + j + " = " + i * j + "      ");
}//这个时候，j第二个数字乘完;
document.write("<br/>");
}
</script>
</body>
</html>
以上是关于javascript九九乘法口诀表多种实现的主要内容，如果未能解决你的问题，请参考以下文章