JavaScript九九乘法口诀表的简单实现

先来看看效果图

JavaScript示例代码

<script type="text/javascript">
  var body = document.getElementsByTagName('body')[0];
  var wrap = document.createElement('div');
  wrap.id = 'wrap';
  body.appendChild(wrap);
  var wrap = document.getElementById('wrap');
  for (var i = 1; i < 10; i++) {
   for (var j = 1; j <= i; j++) {
    var p = document.createElement('p');
    //设置格子(p标签)样式
    p.style.width = '100px';
    p.style.height = '30px';
    p.style.lineHeight = '30px';
    p.style.background = 'yellow';
    p.style.display = 'inline-block';
    p.style.border = '1px solid green';
    p.style.textAlign = 'center';
    //格子添加内容
    p.innerHTML = j + "*" + i + "=" +(j * i);
    wrap.appendChild(p);
   }
   var br = document.createElement('br');
   wrap.appendChild(br);
  }
 </script>

注: 这样在浏览器显示出来的每行有间距,可以在style里设置

* {
  padding : 0px;
  margin : 0px;
  }

总结

以上就是这篇文章的全部内容，希望本文对大家的学习和工作能有所帮助，如果有疑问大家可以留言交流，谢谢大家对我们的支持。

赞 (0)

相关推荐

  • php实现的九九乘法口诀表简洁版

    php实现的九九乘法口诀表简洁版

    九九乘法口诀表也是很多面试考试的程序题,考察php面试者的逻辑思维能力,主要就是对算法的理解和运用,下面是小编用php写的输出九九乘法口诀的php代码: <?php for($i=1;$i<=9;$i++) { for($j=1;$j<=$i;$j++) { echo "$i*$j=".$i*$j.' '; } echo '<br />'; } ?> 看过之后,是不是很简单,就是两个循环,外层控制循环行数,内层控制每行输入的口诀个数. 输出结果截图:

  • Java实现九九乘法表的小例子

    Java实现九九乘法表的小例子

    代码如下: 复制代码 代码如下: public class NMumDemo {    public static void main(String args[]){        int i,j,n=9;        System.out.print(" * |");        System.out.print(" 1");        for(i=2;i<=n;i++)            System.out.print("  &qu

  • 用Java打印九九除法表代码分析 原创

    可能你已经学会了如何在Java中用循环语句打印九九乘法表,但学习是一个需要能够举一反三的事情,接下来,我们就来看看如何使用for循环语句打印九九除法表. 代码(九九除法表): public class TestNineNine { public static void main(String[] args) { for(int b=1;b<=9;b++) { for(int a=1;a<=9;a++) { int c = a*b; System.out.print(c+"/"

  • Java语言打印九九乘法表

    这是小时候背的九九乘法表,是中文版,不是数字版,用Java程序打印出来了.  Java源程序如下: package com.elephant.multiply99table; public class Multiply99table { public static String Convert(int digit) { String[] digitWords = { "十", "一", "二", "三", "四&qu

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

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

  • java 输出九九乘法表口诀的代码

    java 输出九九乘法表口诀的代码

    题目:输出9*9口诀. 程序分析:分行与列考虑,共9行9列,i控制行,j控制列. 程序设计: public class jiujiu { public static void main(String[] args) { int i=0; int j=0; for(i=1;i<=9;i++) { for(j=1;j<=9;j++) System.out.print(i+"*"+j+"="+i*j+"\t"); System.out.pr

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

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

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

  • Oracle三种循环(For、While、Loop)实现九九乘法表

    本文为大家分享了Oracle中三种循环(For.While.Loop)案例,供大家参考,具体内容如下 1.ORACLE中的FOR循环用法(九九乘法表) declare i int:=0; j int:=0; begin for i in 1..9 loop for j in 1..i loop Dbms_Output.put(i||'*'||j||'='||i*j); dbms_output.put(' '); end loop; dbms_output.new_line; end loop;

  • JavaScript九九乘法口诀表的简单实现

    JavaScript九九乘法口诀表的简单实现

    先来看看效果图 JavaScript示例代码 <script type="text/javascript"> var body = document.getElementsByTagName('body')[0]; var wrap = document.createElement('div'); wrap.id = 'wrap'; body.appendChild(wrap); var wrap = document.getElementById('wrap'); for

  • 使用VC++实现打印乘法口诀表

    关于乘法口诀表,这里就不多废话了,大家都明白,下面说下用vc++实现的思路代码: 乘法口诀表.cpp 复制代码 代码如下: #include<stdio.h> int main () {  int i,j;    for(i=1;i<=9;i++)    {   for(j=1;j<=i;j++)           printf("%d ¡Á %d =%2d   ",j,i,i*j);        putchar('   \n');    }    getc

  • 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

  • JSP生成九九乘法表的简单实例

    JSP生成九九乘法表的简单实例

    JSP生成九九乘法表的简单实例 一 用表达式和脚本方式实现九九乘法表 <%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://&quo

  • jsp输出九九乘法表的简单实例

    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"

  • 基于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使用流程控制打印九九乘法表

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

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

随机推荐