js循环实现九九乘法表

js里面的循环是日常编程中用的最多的也是最基础的,我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。

本文只实现99乘法表,但是大家可以根据自己的喜好练习使用循环打印各种不同的形状,如正方形或者三角行等等。

打印99乘法表思路:

1,99乘法表一共九行九列,但是每行的列数是递增的。因此我们需要使用两个循环,一个是行循环,一个是列循环。

2,在用js拼接html内容时,单元格的循环是要嵌套在行的循环内的。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

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

        }
        document.write("</table>");
    </script>
</body>
</html>

至于样式大家可以自己慢慢调即可。

时间: 2024-10-01 07:33:41

js循环实现九九乘法表的相关文章

js流程控制语句--利用双层for循环实现九九乘法表和五角星

js中的流程控制语句:顺序结构 分支结构 循环结构 分支结构:1.if语句 --适用于范围性的判断 语法:if(条件){语句}--如果条件成立 就执行语句           if(条件){语句1}else(){语句2} 如果条件成立 执行语句1,否则执行语句2           if(条件){语句1}else if(){语句2}else(){语句3} 2.三元运算符:只适用于比较简单的判断,可以更加简洁 语法:var 结果=条件?A:B 如果条件满足就是A否则就是B 3.switch....

简单的for循环实现九九乘法表

PHP for 循环 语法 for (init counter; test counter; increment counter) { code to be executed; } 参数: init counter:初始化循环计数器的值 test counter:: 评估每个循环迭代.如果值为 TRUE,继续循环.如果它的值为 FALSE,循环结束. increment counter:增加循环计数器的值 实例: 下面的例子显示了从 0 到 10 的数字: <?php for ($x=0; $x

for循环实现九九乘法表

<!--for循环实现九九乘法表--> <table border="1"> <tbody> {% for x in range(1,10) %} <tr> {% for y in range(1,x + 1) %} <td> {{ y }} * {{ x }} = {{ y * x }} </td> {% endfor %} </tr> {% endfor %} </tbody> <

用JS的for循环打印九九乘法表

需要使用两个for循环嵌套,代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <body> <script> for (var i =1 ; i <= 9; i++) { for(var j=1; j<=

while 循环之 九九乘法表

while 循环 Python中while语句的一般形式: while 判断条件: 语句 条件为真 执行语句 否则退出循环 : while 年龄大于60岁:-------->当年龄大于60岁的时候 退休 -------->凡是符合上述条件就执行的动作 这就是while语句,原理流程图如下: 打印九九乘法表: #首先我们观察九九乘法表的规律,从最后一行入手,先实现最后一行: a=1 while a<=9: z=9*a print(str(a)+"*"+str(9)+&q

For循环案例---九九乘法表

概述:先创建一个Print99类,类中创建5个方法,分别为Test9901.Test9902.Test9903.Test9904.Test9905,分别打印出不同形状的九九乘法表,该类创建完成后再创建一个Test99类,其中包含主方法,并在其中调用Print99类中的五个方法.

JS-for循环实现九九乘法表以及其他算数题等

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>for循环</title> <style> .table{ background-color: #f0f0f0; border: 1px solid #7FFFD4; } table{ width:90%; background:#7FFFD4; } </style> <

for循环下九九乘法表

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

(js)使用for循环实现九九乘法表数字颜色不同

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .container{ width: 70%; margin: 50px auto; } </style> </head> <body> <div class