JS基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考，具体如下：

js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;

先看运行效果：

核心代码如下：

<script type="text/javascript">
 document.write('<table border="1" bgcolor="#ccc" width="80%" cellpadding="0" cellspacing="0">');
 for(var i=1;i<=9;i++){
 document.write('<tr>');
  for(var j=1;j<=i;j++){
  document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
  }
 document.write('</tr>');
 }
 document.write('</table>');
</script>

大家可以试着去走一下循环,我们把九九乘法表的两个乘数设为两个变量,分别是i和j;

当i=1时满足for循环的条件,执行循环语句,先输出一个<tr>(table标签里面的行属性),然后执行tr里面的另一个for循环;

令j=1,j<=i,此时的i=1,符合循环条件,执行循环语句,输出1*1=1;j++之后j的值就变成了2;我们再来看j<=i,就是2<=1是错误的,因此终止循环;

我们第一遍循环就输出了一行,行里面的内容是1*1=1;那我们在用i++令i=2执行循环,同样根据上面的来走循环;

知道i走到9再往下走到10不符合条件的时候,终止整个循环,我们就输出了一个原汁原味的九九乘法表;

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • jsp/javascript打印九九乘法表代码

    jsp表达式方式: 复制代码 代码如下: <center> <table border="1"> <% for (int i = 1; i <= 9; i++) { %> <tr> <% for (int j = 1; j <= 9; j++) { %> <td> <% if (j <= i) { %> <%=i%>*<%=i%>=<%=i * j%>

  • js实现华丽的九九乘法表效果

    js实现华丽的九九乘法表效果

    效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; margin: 20px auto; -webkit-user-selec

  • javascript中的循环语句for语句深入理解

    程序实现中经常要用到循环语句,其中for循环是多数语言都有的.在javascript中,for循环有几种不同的使用情况,下面就分别来讲述我的理解. 第一种:(通常情况,循环执行相关操作) 复制代码 代码如下: var objA=document.getElementsByTagName("a"); var i,max; for(i=0,max=objA.length;i<max;i++){ objA[i].onclick=function(){ alert(this.innerH

  • JS实现上下左右对称的九九乘法表

    JS实现上下左右对称的九九乘法表

    九九乘法表使用很多种语言都可以实现.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为度的梯形乘法表: For循环代码 document.write("<table width='' border='>"); for(var i=; i<=; i++){ document.write("<tr>");

  • javascript和jquery分别实现的九九乘法表代码

    javascript实现的九九乘法表代码 99乘法表 for(var i=1;i"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] jquery实现的九九乘法表代码 jquery 九九乘法表 $(document).ready(function(){ $(" ").data('fact',8).css('margin','10px') .appendTo(document.body) .bind('error',function(){ $(this).pa

  • JavaScript实现九九乘法表的简单实例

    每个学过编程的人都写过"HelloWorld" 但99乘法表,我想也应该成为每个编程初学者的必编程序 这是JavaScript的实现方法,非常适合初学者!!! 以下是代码及注释 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript九

  • 基于javascript实现九九乘法表

    基于javascript实现九九乘法表

    本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 <script type="text/javascript"> var sum=0; var wite; for (var i = 1; i < 10; i++){ var div=$('<div class="class'+i+'"></div>'); $("body").append(div); for(var j = i

  • 简单学习JavaScript中的for语句循环结构

    可以直接看示例,用得太多了,很简单 (function() { for(var i=0, len=demoArr.length; i<len; i++) { if (i == 2) { // return; // 函数执行被终止 // break; // 循环被终止 continue; // 循环被跳过 }; console.log('demo1Arr['+ i +']:' + demo1Arr[i]); } })(); 关于for循环,有一下几点需要注意 for循环中的i在循环结束之后任然存在

  • JavaScript编写九九乘法表（两种任选）

    JavaScript编写九九乘法表（两种任选）

    话不多说,请看代码: <script language=javascript> for(i=1;i<=9;i++){ for(j=1;j<=9;j++){ document.write (i+"*"+j+"="+i*j+" "); if(i==j) {document.write ("<br/>"); break;} //用的if语句,如果这两个数字相同了 那么跳出,另起一行 } } <

  • JS基于for语句编写的九九乘法表示例

    JS基于for语句编写的九九乘法表示例

    本文实例讲述了JS基于for语句编写的九九乘法表.分享给大家供大家参考,具体如下: js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表; 先看运行效果: 核心代码如下: <script type="text/javascript"> document.write('<table border="1" bgcolor="#ccc" width="80%" cellpaddin

  • Python不同格式打印九九乘法表示例

    Python不同格式打印九九乘法表示例

    目录 前言: 1.长方形完整格式 2.左上三角形 3.右上三角形 4.左下三角形 5.右下三角形 前言: 最近在学习Python,学习资源有慕课网上的视频教程.菜鸟教程以及Python官方文档tutorial.虽然了解了Python的基本语法,但是还没有真正意义上输出自己写的代码. 代码小白,之前仅学过C,代码上的逻辑问题总是理不清楚,加上性格有点急躁,以前总是半途而废,所以编程等级为渣. 现在虽然刚开始做测试工作,但是不希望自己的工作仅限于功能测试,也希望能接触到性能测试甚至白盒测试这样对编程

  • java九九乘法表示例

    复制代码 代码如下: public class Nine { public static void main(String[] args) {  int s=2;  for(int i=1;i<10;i++)  {    if(i==1){    System.out.print("*|");    System.out.print(i+"     ");   }   else   System.out.print(i+"       ")

  • sql语句实现四种九九乘法表

    sql语句实现四种九九乘法表

    下面用while 和 if 条件写的SQL语句的四种九九乘法表  sql语句实现--x 左下角九九乘法表 DECLARE @I INT ,@J INT,@S VARCHAR() SET @I= WHILE @I< BEGIN SET @J= SET @S='' WHILE @J<=@I BEGIN SET @S=@S+CAST(@J AS CHAR())+'*'+CAST(@I AS CHAR())+'='+CAST((@I*@J)AS CHAR()) SET @J=@J+ END PRINT

  • for循环连续求和、九九乘法表代码

    for循环的经典例子就是连续求和了:1+2+3+--+100,讲了一个多小时,还是有同学不会.做程序得有思想,有的同学一直敲键盘,也没搞出来.在做这个求和之前,我们要思考一下,求和其实就是连续的累加,当变量$i自增的时候肯定要与之前的数求和,那么怎么与之前的数求和呢?我们可以做一个拆分:把$i之前的数看作一项,单独和$i相加,同理,100加上之前99项的和,99加上之前98项的和--以此类推,2加上之前的数1,那么1呢,就是1+0.在写程序的时候,就是逆向思维了,先算0+1=1,再算1+2=3,

  • 如何利用C#打印九九乘法表

    如何利用C#打印九九乘法表

    我们都背过九九乘法表,但是用C#语音for语句循环打印出九九乘法表尝试过吗? 以下为九九乘法表打印代码

  • 一篇文章教你用JavaScript使用流程控制打印九九乘法表

    一篇文章教你用JavaScript使用流程控制打印九九乘法表

    目录 一.选择结构 if单分支语句 if…else双分支语句 if…elseif…else多分支语句 switch多分支语句 二.循环结构 while循环语句 do…while循环语句 for循环语句 三.跳转语句 四.动手实践九九乘法表 总结 一.选择结构 概念:选择结构语句需要根据给出的条件进行判断来决定执行对应的代码. if单分支语句 概念:if条件判断语句也被称为单分支语句,当满足某种条件时,就进行某种处理. 举例:只有年龄大于等于18周岁,才输出已成年,否则无输出. if…else双分

随机推荐