九九乘法表挺好玩的

来源:互联网 发布:印刷排版软件市场 编辑:程序博客网 时间:2024/04/27 16:49

今天看了麦子学院的javascript课程,老师留了作业,写反过来的九九乘法表。我发现挺好玩的,突然想到了两种办法,当然老师的本意可能是用第二种办法,作为一个初学者,之前没接触过,我还是比较开窍的。记录下来,以后可以留做纪念,第一次让自己激动的小程序。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>tablefor</title></head><body><table border="1" cellpadding="0" cellspacing="0" bgcolor="aqua" width="80%">       <!--老师写的正着的九九乘法表-->    <script>        document.write('<hr color="red">');        document.write('<table border="1" cellspacing="0" cellpadding="0" bgcolor="#abcdef" width="80%">');        for (var i = 1; i <= 9; ++i) {            document.write('<tr>');            for (var j = 1; j <= i; j++) {                document.write('<td>' + i + '×' + j + '=' + (i * j) + '</td>')            }            document.write('</tr>');        }        document.write('</table>');    </script>    <!--我写的倒着的九九乘法表-->    <!--第一种-->    <script>        document.write('<hr color="blue">');        document.write('<table border="1" cellpadding="0" cellspacing="0" bgcolor="red" width="80%">');        for (var i = 9; i > 0; i--) {            document.write('<tr>');            for (var j = 9; j > 0; j -= 1) {                document.write('<td>' + i + '×' + j + '=' + (i * j) + '</td>');            }            document.write('</tr>');        }        document.write('</table>');    </script>    <!--第二种-->    <script>        document.write('<hr color="blue">');        document.write('<table border="1" cellpadding="0" cellspacing="0" bgcolor="red" width="80%">');        for (var i = 9; i > 0; i--) {            document.write('<tr>');            for (var j = 9; j > i - 1; j--) {                document.write('<td>' + i + '×' + j + '=' + (i * j) + '</td>');            }            document.write('</tr>');        }        document.write('</table>');    </script></table></body></html>


真是一种乐趣啊!加油!越来越好!


0 0
原创粉丝点击