基于javascript实现九九乘法表

2024-10-18 02:24:06

本文实例为大家分享了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; j > 0; j--){
        sum = j * i;
        wite = (j+"X"+i+"="+sum);

        div.prepend($('<span style="padding-right:10px">'+wite+'</span>'));
      }

    }
  </script>

实现结果如图所示：

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

JavaScript实现梯形乘法表的方法

本文实例讲述了JavaScript实现梯形乘法表的方法.分享给大家供大家参考.具体如下: 效果如下图所示: 表格用html中的table,tr,td,然后利用for语句实现,循环输出行和列,再根据行列的数量进行乘法运算,第一个for循环输出9行,然后内嵌一个for,在条件表达式中取第一个for循环的值然后进行输出表格运算,为什么要取第一个for循环,因为第一个for循环的次数是梯形排列的规则,梯形排列的规则是第一行一个格子,第二行二个格子,第三行三个格子,以此类推. 完整代码如下: <!DOCT
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实现99乘法表及隔行变色实例代码

项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解释,还不理解的同学可以仔细研究一下代码,研究一
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实现九九乘法表的简单实例

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

<% String st = ""; for(int i = 1; i <= 9; i++){ for(int j = 1; j <= i; j++){ st += j+"x"+i+"="+i*j; st += " "; } st += "<br>"; } %> <table width="400" height="200"
JS实现上下左右对称的九九乘法表

九九乘法表使用很多种语言都可以实现.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为度的梯形乘法表: For循环代码 document.write("<table width='' border='>"); for(var i=; i<=; i++){ document.write("<tr>");
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语句,如果这两个数字相同了那么跳出,另起一行 } } <
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%>
基于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
JS基于for语句编写的九九乘法表示例

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

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

利用Lable控件输出九九乘法表,具体内容如下首先建立一个空网站,之后选择添加新项,添加一个Web窗体. 进入.aspx文件之后,在设计界面中添加9个Lable控件.Lable控件在标准组中.得到的源代码是这样的. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm4.aspx.cs" Inherits="WebForm4" %> <
利用Python循环(包括while&for)各种打印九九乘法表的实例

一.for循环打印九九乘法表 #注意:由于缩进在浏览器不好控制,请大家见谅,后续会有图片传入. 1.1 左下角 for i in range(1,10): for j in range(1,i+1): print('%d*%d=%2d\t'%(j,i,i*j),end='') print() 效果图: 1.2 右下角 for i in range(1,10): for k in range(i+1,10): print(end=' ') #此处为返回八个空格,请注意 for j in range

基于javascript实现九九乘法表

相关推荐

随机推荐