JavaScript实现九九乘法表四种方法（附代码）

几行代码就能轻松学会

<!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: lawngreen;}table td{width: 80px;}
</style>
<body><script>for(var i=1;i<=9;i++){for(var j=1;j<=i;j++){document.write('<div>'+i+'*'+j+'='+i*j+'</div>');}document.write('<br />');}</script>
</body>
</html>

<!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: lawngreen;}table td{width: 80px;}
</style>
<body><script>for(var i=9;i>0;i--){for(var j=1;j<=i;j++){document.write('<div>'+i+'*'+j+'='+i*j+'</div>');}document.write('<br />');} </script>
</body>
</html>

 <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>九九乘法表</title>
</head>
<style>div{width: 80px;display: inline-block;font-size: 18px;}table td{width: 80px;}
</style>
<body><script>document.write("<table>");   for (var x = 9; x>=1; x--){  document.write("<tr>"); //这层是循环输出空格子的for(var i=1;i<10-x;i++){document.write("<th></th>");  }   //再倒过来输出for (var y = x; y>=1; y--){  document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   }  }  document.write("</table>");</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>九九乘法表</title>
</head>
<style>div{width: 80px;display: inline-block;font-size: 18px;}table td{width: 80px;}
</style>
<body><script>document.write("<table>");   for (var x = 1; x<=9; x++){  document.write("<tr>"); //这层是循环输出空格子的for(var i=1;i<10-x;i++){document.write("<th></th>");  } //再倒过来输出for (var y = x; y>=1; y--){  document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   }  }  document.write("</table>");</script>
</body>
</html>

喜欢我的文章就关注我吧，持续更新中.....

以上内容希望帮助到大家，很多朋友r在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料，多个知识点高级进阶干货需要的可以免费分享给大家，需要的可以去主页或者评论联系。

JavaScript实现九九乘法表四种方法（附代码）相关推荐

Java实现九九乘法表(三种方法实现)
Java实现九九乘法表(三种方法实现) 题目要求: /*输出以下九九乘法表 1 * 1 = 1 2 * 1 = 2 2 * 2 = 4 ......*/ 代码实现一(使用两层for循环--最常用): ...
Python3 九九乘法表四种形式 --学习笔记001
Python3 九九乘法表 3.1 左三角python九九乘法表 # -*- coding: UTF-8 -*- # 左三角型 for i in range(1,10):for a in range( ...
九九乘法表两种方法
#九九乘法表 i=1 n=1 for i in range(1,10,1):for n in range(1,i+1):print("%d*%d=%d"%(i,n,i*n),end ...
JavaScript实现九九乘法表
上次我们利用递归实现了一个简单的九九乘法表,这次我们换一个方法,利用JavaScript(简称JS)来实现,首先复习一下:JavaScript是一种直译式脚本语言,是一种动态类型.基于原型的语言,内置 ...
php编写九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...
php九九乘法表隔行换色,JavaScript实现99乘法表及隔行变色实例代码_javascript技巧...
项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if ...
jquery打99乘法表_基于javascript实现九九乘法表
基于javascript实现九九乘法表本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 var sum=0; var wite; for (var i = 1; i & ...
java乘法表_Java中四种9*9乘法表的实现方式(附代码)
前言: 初学java,实现99乘法表是必学必会的内容. 需求 : 分别写出上下左右,对应四个角的乘法表. 思路: 可以先打印出*星星,形成一个直角三角形,然后再替换成乘法公式. 代码如下: publi ...
【九九乘法表】javascript做九九乘法表
javascript做九九乘法表,满满的干货!!! 基本代码: <script type="text/javascript">var factorOne , facto ...

JavaScript实现九九乘法表四种方法（附代码）

喜欢我的文章就关注我吧，持续更新中.....

JavaScript实现九九乘法表四种方法（附代码）相关推荐

最新文章

热门文章