九九乘法表

九九乘法表实现的方式有许多种，但其原理都是不变的；

下手之前：首先先了解案例的需求：九列九行，并且每一行都需要输出相对应的项；因此使用循环比较合适，那么使用哪种循环比较合适呢？while?do while?for?由于我们已经知晓循环的次数，因此我们直接使用for循环…

那么怎么写逻辑代码呢？

很显然一共九行，并且有九列；我们细心会发现，每一列都不超过这一行的行数，那也就是列<=行；而行数又是已知的 =>>> 9;因此我们可以先循环行，然后在行的for循环中循环列，这样就可以一行一行的打印输出啦。

一共两种形式：

正常的(三行代码搞定)；
把我们之前的知识联系起来。

第一种：

代码如下：

<script>for (let r = 1; r < 10; r++) {for (let j = 1; j <= r; j++) {document.write(j + '*' + r + '=' + j * r + ' ');}document.write("</br>");                   // 每一行输出完，换行}
</script>

第二种：

代码：

<script>var str = '<table>';                   // 定义一个列表for (let r = 1; r < 10; r++) {str += '<tr>';                      // 循环行的时候给它加上列表的tr行元素for (let j = 1; j <= r; j++) {str += '<td>' + j + '*' + r + '=' + j * r + '</td>';                 // 循环每一列，也就是每一项的时候，加上td标签}str += '<tr/>';                             //  封闭双标签}str += '<table/>';                //  封闭双标签document.getElementById('table').innerHTML = str;
</script>

以上就是两种九九乘法表，自己没事儿玩玩，复习一下，let,双重for循环,table,以及获取HTML标签的元素内容。

JavaScript 【99乘法表】【案例】相关推荐

C++嵌套循环打印99乘法表
C++嵌套循环打印99乘法表目录 C++嵌套循环打印99乘法表 1.嵌套循环结构 2.99乘法表案例代码 1.嵌套循环结构分为外循环和内循环,外循环执行一次,内循环执行一轮 for(条件){ fo ...
php编写九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...
php九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码_javascript技巧...
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...
jquery打99乘法表_基于javascript实现九九乘法表
基于javascript实现九九乘法表本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 var sum=0; var wite; for (var i = 1; i & ...
大学解惑09 - 单独用HTML javascript CSS 实现三版99乘法表，你就是班里最靓的仔
☆ 99乘法表,这个从小学就让我们开始产生肌肉记忆的知识点,伴随一生.而一旦开始学习软件开发知识,99乘法表将是一个基础中不可逃避的巩固升级作业. ☆ 口算背诵相信大家已经滚瓜烂熟了,一一得一,二 ...
使用JavaScript代码制作99乘法表
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
99乘法表带颜色HTML隔行变色,javascript小实例，实现99乘法表及隔行变色
人生短暂,废话不多说,直奔主题! 这个小实例的要求: 实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开 ...
javascript中for循环练习打印99乘法表
/* * 1.打印99乘法表 * 11 = 1 * 12 = 2 22 = 4 * * 19 = 9 29 =18-99=81 */ //创建一个外层循环来创建高 for (var i =1;i< ...
使用For循环写出99乘法表
99乘法表: 案例1: #region 第一种99乘法表for (int i = 1; i <= 9; i++)//外循环控制行{for (int j = 1; j <= i; j++)/ ...
使用js、php制作99乘法表
99乘法表用js制作99乘法表简单99乘法表 <!DOCTYPE html> <html> <head><title>99乘法表</title ...

JavaScript 【99乘法表】【案例】

九九乘法表

JavaScript 【99乘法表】【案例】相关推荐

最新文章

热门文章