非常有趣的九九乘法表

<!doctype html>

<html>

<head>

<meta charset="UTF-8" />

<title>九九乘法表</title>

<style type="text/css">

    body{font-size: 12px;font-family: "微软雅黑";color: #666;}

    table{margin-top: 50px;}

    table td{border:1px solid #ccc;font-size: 14px;padding: 5px;}

    table td:hover{background:#141414;color:#fff;cursor: pointer;}

    h1{text-align: center;height: 50px;}

    .control{width: 300px;height: 30px;position: absolute;top: 50px;right: 20px;}

    #number{height: 20px;outline: none;}

    #btn{width:60px;height:26px;border:0;border-radius: 0 3px 3px 0;outline: none;cursor: pointer;}

</style>

</head>

<body>

    <h1>非常有趣的九九乘法表</h1>

    <div>

        <input type="text" id="number"/><input type="button" onclick="change(this)" value="更换" id="btn"/>

    </div>

    <hr/>

    <div id="box"></div>

<script type="text/javascript">

    gb_changfabiao(9);

    //循环打印乘法表

    function gb_changfabiao(number){

        var html = "<table>";

        for(var i = 1; i <= number; i++){

        html += "<tr>";

        for(var j = 1; j <=i; j++){

            html += "<td>" + j + "*" + i + "=" + (i*j) + "</td>";

        }

        html += "</tr>";

        }

        html += "</table>";

    

        document.getElementById("box").innerHTML = html;

    }

    

    //获取number

    function change(obj){

        var number = document.getElementById("number").value;

        if(number == ""|| number <= 0 || isNaN(number)){

            return gb_changfabiao(9);

        }

        gb_changfabiao(number);

    }

    

    //回车确认

    document.onkeydown = function(e){

        if(!e) e = window.event;

        if((e.keyCode || e.which) == 13){

            document.getElementById("btn").click();

        }

    }

</script>

</body>

</html>

时间: 2024-11-05 16:04:21

非常有趣的九九乘法表的相关文章

利用js的for循环实现一个简单的“九九乘法表”

For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算每次的结果,并用 table 使之排列出来. <script type="text/javascript"> document.write('<table border="1">'); //以表格规格打印 for(var i=1;i<=9;

JS实现九九乘法表

1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 九九乘法表 </title> 5 <meta charset="UTF-8"> 6 <script typ

简单的三次登陆和入门级九九乘法表的实现

三次登陆 _user = "aa" _passwd = "123456" count = 0 while count < 3: #当这个条件成立时,执行下面代码 username = input('enter username:') password = input('enter password:') if username == _user and password == _passwd: print('welcome %s login'% _user)

使用JSP表达式和JSP脚本打印九九乘法表

首先使用JSP声明声明一个函数用于得到九九乘法表的内容 <%! String printMultiTable() { String s = ""; for (int i = 1; i < 10; i ++) { for (int j = 1; j <= i; j ++) s += " " + i + " * " + j + " = " + (i * j) + " "; s += "

九九乘法表的实现--JAVA基础

JAVA算法实现:输出九九乘法表 Jiujiu.java: package com.qkys.www; public class Jiujiu { public static void main(String[] args){ for(int i=1;i<=9;i++){ for (int j=1; j<=i ;j++) { System.out.print(j+"x"+i+"="+j*i+" "); } System.out.pri

汇编语言-显示九九乘法表

1. 题目:以9行9列的形式显示九九乘法表 2. 要求:显示下三角格式如表4.1所示,也可以上三角格式显示. 1 ; Example assembly language program -- 2 ; Author: Karllen 3 ; Date: revised 05/2014 4 5 .386 6 .MODEL FLAT 7 8 ExitProcess PROTO NEAR32 stdcall, dwExitCode:DWORD 9 10 INCLUDE io.h ; header fil

java语言打印上三角和下三角,进一步得到九九乘法表

关于下面两种图形的打印问题 ***** 与 * ****  ** *** *** ** **** *  ***** 一:程序 1.先打印下三角 2.结果 3.后打印上三角 4.结果 二:知识点 1.for的双循环 2.规律 尖朝上,可以改变条件.让条件随着外循环变化. 尖朝下,可以初始化值,让初始化随着外循环变化. 三:运用(九九乘法表) 1.程序 2.结果

练习:九九乘法表 (26th,Feb)

public class MulitiplicationTable { public static void main(String[] args) { //九九乘法表 for(int m=1;m<=9;m++) //行 { for(int n=1;n<=m;n++) //列 { System.out.print(m+"*"+n+"="+m*n+"\t"); } System.out.println(); } } } 输出结果:

关于Web前端 编程时流程控制中的流程控制图和 if 判断及九九乘法表

本次分享首先是流种植控制图的一些理论知识: 一.流程图:使用标准化的图形方案,分析某个功能的实现步骤(标准化:流程图规定的形状)   二.接下来说一下 if 判断一些知识点 1.在if判断中如果某个分支中的代码只有1行,则该分支的大括号可以省略: 2.同时在一个if结构中,if必须出现一次,else if可以出现任意多次, else可以出现0次或1次 : 3.三目运算符就是一个简单版的if判断 注释: 三目运算符:又叫做三元运算符,它需要三个操作数参与运算书写方式:操作数1 ? 操作数2 : 操