JavaScript实现九九乘法表

最新推荐文章于 2023-10-30 22:59:38 发布
最新推荐文章于 2023-10-30 22:59:38 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： JavaScript
<!DOCTYPE html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>JavaScript九九乘法表</title>  
 
<style type="text/css">  
table{  
    width:600px;         //表格height属性可设置可不设置,建议不设置
    border-collapse:separate;
    }
table td{  
    border:#000000 1px solid;
    text-align: center;    //使<td>标签中的内容居中显示，若是<th>标签，没有此行代码亦可自动居中
    }  
</style>

</head>  
<body>  
 
<script type="text/javascript">  
//下面部分是核心代码
 
document.write("<table>");      //<table></table>添加一个表格样式来显示乘法表
for (var x = 1; x <= 9; x++)  
{  
    document.write("<tr>");     //<tr></tr>标签
    for (var y = 1; y <= x; y++)
    {  
        document.write("<td>"+y+"x"+x+"="+y*x+"</td>");//亦可用<th>标签来起到居中加粗内容的作用
    }                                                    
    document.write("</tr>");  
}  
document.write("</table>");    
</script>
 
</body>  
</html>
武晓兵
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript实现九九乘法表的简单实例
10-22
下面小编就为大家带来一篇JavaScript实现九九乘法表的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript 九九乘法表
qq_45747074的博客
02-27 5477
九九乘法表常见的四种用法
JavaScript js写九九乘法表（两种方法）
热门推荐
qq_46058838的博客
10-25 4万+
方法一： 观察规律： 第一个数每行都是自增1。 我们发下第二个数都是从1开始，依次递增1，永远不大于前面的数。 前面数字每自增一次，后面数字自增一轮。 我们可以用双重for循环，外层初始值设为i，i从1开始，到9结束，自增1 内层从初始值设为j，j从1开始，小于等于外层的i，自增1 九九乘法表代码如下： for (var i = 1;i<=9;i++){ for (var j = 1;j<=i;j++){ document.write(i+
javascript实现九九乘法表（四种形式）
song_dehao的博客
08-18 1万+
1、使用for循环 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html{
制作九九乘法表 正序 倒置（js）
weixin_47340917的博客
09-15 2768
JavaScript打印九九乘法表预览图 预览图
JavaScript实现九九乘法表四种方法
wgchen
09-27 1994
阅读目录第一种第二种第三种第四种 第一种 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <style> div{ width: 80px; display: inline-block; font-size: 18px; background-color:
JavaScript 实现九九乘法表
11-25
JavaScript 实现九九乘法表
基于javascript实现九九乘法表
10-22
主要为大家详细介绍了基于javascript实现九九乘法表的相关资料，感兴趣的小伙伴们可以参考一下
JavaScript实现九九乘法表四种方法（附代码）
lin123_00的博客
06-10 8759
几行代码就能轻松学会
js实现九九乘法表
m0_72687687的博客
07-29 2088
js实现久久乘法表
JavaScript打印九九乘法表
最新发布
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-30 1448
JavaScript打印九九乘法表
JS实现九九乘法表，入门必备案例！超级简单！
qq_44061998的博客
03-20 882
用多重for循环，通过控制变量i，j的大小来实现九九乘法表。
JavaScript——实现九九乘法表
Melonico的博客
06-22 1万+
这是一张99乘法表，我们需要用JavaScript来实现这个99乘法表 在观察表后，可以发现每一个表达式都可以用 a*b=c 来表示出来，而c可以借用算术计算出来，所以我们只需要用到两个变量 基础实现 var i,j; 我们可以将每个表达式理解为列数×行数，如2×5则为第二列×第五行 观察可得，行数最多为9行，列数最多也为9列 通过两个循环嵌套可以写出一个基础的乘法表 代码 var i; //定义行数 var j; //定义列数 for (i = 1;i <= 9;i++){ //循环9行 .
九九乘法表（用js实现）
LxyingINGing的博客
07-20 2670
九九乘法表（正序+倒序）排列
JavaScript代码实现九九乘法表
qq_53132568的博客
09-25 3996
用JavaScript打印九九乘法表。
通过JS代码简单实现九九乘法表
请叫我二狗哥
06-28 2万+
试试用JS制作一个九九乘法口诀吧 。（提示：JS循环嵌套） 能否在不看下面参考代码的情况下，独立写出满足要求的JS代码呢？ 参考代码： for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + "*" + i + '=' + i * j + '&nbsp;&nbsp;&nbsp;') if (i == .
JavaScript代码实现最简单的九九乘法表
程序yan的博客
10-04 3662
无论什么语言，九九乘法表无非就是两个for循环的嵌套，在JavaScript中就只需要在Script标签中写下即可实现，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <body> <script> var str.
JS代码实现九九乘法表
l47y02的博客
09-19 1196
1.正序 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //外循环控制乘法表的行数 for (var i = 1; i < 10; i++) { /
JS实现输出九九乘法表
dabaiZhang的博客
09-13 1568
JS实现输出九九乘法表 11=1 12=2 22=4 13=3 23=6 33=9 14=4 24=8 34=12 44=16 15=5 25=10 35=15 45=20 5*5=25 … 代码如下： for (let i = 1; i <= 9; i++) { let str = ``; //清空前一次循环的结果 for (let j = 1; j <= i; j++) { str += ${j}*${i}=${j * i};//字符串拼接 } console.log(str); } .
javascript实现九九乘法表
05-30
可以使用嵌套的for循环来实现九九乘法表的输出。以下是JavaScript代码示例： ``` for (var i = 1; i ; i++) { var row = ""; for (var j = 1; j ; j++) { row += j + "x" + i + "=" + i * j + " "; } console....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值