九九乘法表

最新推荐文章于 2019-08-04 20:38:13 发布

keep96

最新推荐文章于 2019-08-04 20:38:13 发布

阅读量401

点赞数 1

分类专栏： h5 css 文章标签： javascript

本文链接：https://blog.csdn.net/keep96/article/details/90271381

版权

h5 css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

九九乘法表

执行过程

 1.  定义有几列几组
 2.  然后嵌套双层for循环
 3.  最后字符串拼接生成九九乘法表。

案例：

生成九九乘法表
实现隔行换色

语法

for {
    循环体代码
    for {
    	if(){
    	}else {
    
    }
}

执行过程

 ☞  先执行列数循环
 ☞ 然后执行第二个for循环，小于等于列数
 ☞ 然后即可生成
 for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
            
               document.write("<div>" + j + "x" + i + "=" + i * j + "\n" +</div>")
            }
            document.write("<br>");
        }

最后实现代码隔行换色：

  for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                if( i % 2 === 0 ){
                    console.log(i);
                    document.write("<div style='background:red'>" + j + "x" + i + "=" + i * j + "\n" + "</div>");
                }else {
                    console.log(i);
                    document.write("<div style='background:pink'>" + j + "x" + i + "=" + i * j + "\n" + "</div>");
                }
            }
            document.write("<br>");
        }