Simone如何利用HBuilder使用Javascript输出九九乘法表
的有关信息介绍如下：
本篇经验主要讲述如何利用HBuilder使用Javascript代码来实现一个九九乘法表的输出。我们主要利用两个for循环来实现。接下来让我们一起来看一下吧。
首先打开HBuilder，选择新建项目。在弹出的对话框中填写项目名称，在模板中选择基础HTML项目。如下图所示。
我们可以在左侧项目目录中看到我们刚刚创建好的目录。点击index.html文件。开始编写代码。如下图所示。
先写js的script标签，如果不写，是不会实现相应的效果的。如下图所示。
为了使输出的九九乘法表美观一些，我们要输出一个表格。当然，在js代码中标签也必须是双标签。如下图所示。
接下来我们使用一个for循环，来让我们的表格输出十行。如下图所示。
然后我们在tr标签中在使用一个for循环输出十列。这里注意j<=i;因为我们输出的是一个阶梯形状的九九乘法表，这条语句就限定了在每一行的列数不会超过其所在行的行数。
我们使用for循环动态添加列数。并写出在单元格中输出的内容。如下图所示。
接下来我们运行看一下效果。点击菜单栏中的运行--运行到浏览器--选择适合的浏览器。
我们发现整体并不是很美观。这时我们可以用css来写表格的样式。如下图所示。
写完样式后我们来看一下效果。那么九九乘法表的输出就做好啦。图2是完整代码。
