JavaScript制作九九乘法表

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>九九乘法表</title>
        <style type="text/css">
            ul,li{
                margin: 0;
                padding: 0;
                list-style-type: none;
            }

            span{
                display: inline-block;
                width: 100px;
                height: 30px;
                font-size: 16px;
                text-align: center;
                border: 1px solid green;
                line-height: 30px;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript" src="js/jiujiu.js" ></script>
    </body>
</html>
document.write(‘<ul>‘);

for(var i=1; i<10; i++){
    document.write(‘<li>‘);
    for(var j=1; j<=i; j++){
        document.write(‘<span>‘ + j + ‘&times‘ + i*j + ‘</span>‘);
    }
    document.write(‘<li>‘);
}
document.write(‘</ul>‘);

原文地址:https://www.cnblogs.com/ooo888ooo/p/11372346.html

时间: 2024-08-28 07:57:30

JavaScript制作九九乘法表的相关文章

javascript实现九九乘法表

CSS代码部分: 1 <style type="text/css"> 2 table { 3 width: 800px; 4 height: 300px; 5 border-collapse: collapse; 6 } 7 td{border:1px solid red;} 8 </style> JS代码部分: 1 <script tjpe="teit/javascript"> 2 document.write("&l

利用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

上下左右对称的九九乘法表

如题所示,九九乘法表在各个技术语言几乎都能做得到,并不是特别的希罕.本文讲述JavaScript中常用的两种循环(For.While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格. 一.左下角为90度的梯形乘法表: For循环代码 1 document.write("<table width='600' border=0'>"); 2 for(var i=1; i<=9; i++){ 3 document.

基于c#winform的九九乘法表

基于c#winform的九九乘法表 最近做作业时候做到了基于c#窗体的九九乘法表,在此做个总结,方便大家交流使用. 制作思路为自定义一些lable控件,控件上显示乘法表的内容,在点击对应的内容时出现结果. 运行结果: 点击时效果: 窗体加载时: 点击label时: 完整代码: using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawin

用JS写九九乘法表

九九乘法表 <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语句,如果这两个数字相同了 那么跳出,另起一行 } } </scr

非常有趣的九九乘法表

<!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: 50

JS-for循环实现九九乘法表以及其他算数题等

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>for循环</title> <style> .table{ background-color: #f0f0f0; border: 1px solid #7FFFD4; } table{ width:90%; background:#7FFFD4; } </style> <

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

三次登陆 _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)