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


Posted in Javascript onFebruary 22, 2016

九九乘法表使用很多种语言都可以实现。本文讲述JavaScript中常用的两种循环(For、While)来完成这四种对称的九九乘法表,这个例子是一个练习循环基础很好的方法,由于排版上对不整齐,因此循环了一个表格。

一、左下角为度的梯形乘法表:

For循环代码

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循环代码

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i++;
}
document.write("</table>");

示例图

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

二、右下角为度的梯形乘法表:

For循环代码

document.write("<table width='' border='>");
for(var i=; i<=; i++){
document.write("<tr>");
for(var n=i; n<; n++){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循环代码

document.write("<table width='' border='>");
var i = ;
while(i<=){
document.write("<tr>");
var n = i;
while(n<){
document.write("<td> </td>");
n++;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i++;
}
document.write("</table>");

示例图

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

三、左上角为度的梯形乘法表:

For循环代码

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j<=i; j++){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循环代码

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j<=i){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j++;
}
document.write("</tr>");
i--;
}
document.write("</table>");

示例图

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

四、右上角为度的梯形乘法表:

For循环代码

document.write("<table width='' border='>");
for(var i=; i>=; i--){
document.write("<tr>");
for(var j=; j>=i; j--){
document.write("<td> </td>");
}
for(var j=i; j>=; j--){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
}
document.write("</tr>");
}
document.write("</table>");

While循环代码

document.write("<table width='' border='>");
var i = ;
while(i>=){
document.write("<tr>");
var j = ;
while(j>=i){
document.write("<td> </td>");
j--;
}
var j = i;
while(j>=){
document.write("<td>"+ j +"*"+ i +"="+ i*j +"</td>");
j--;
}
document.write("</tr>");
i--;
}
document.write("</table>");

示例图

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

以上内容是本文给大家分享的JavaScript中常用的两种循环(For、While)来完成这四种对称的九九乘法表,希望对大家有所帮助!

Javascript 相关文章推荐
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
异步安全加载javascript文件的方法
Jul 21 Javascript
浅谈使用MVC模式进行JavaScript程序开发
Nov 10 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
JavaScript“尽快失败”的原则实例详解
Oct 08 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
JS复杂判断的更优雅写法代码详解
Nov 07 Javascript
JavaScript制作3D旋转相册
Aug 02 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
Jan 18 Javascript
基于Javascript实现倒计时功能
Feb 22 #Javascript
TypeOf这些知识点你了解吗
Feb 21 #Javascript
详谈javascript异步编程
Feb 21 #Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 #Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 #Javascript
javascript+HTML5自定义元素播放焦点图动画
Feb 21 #Javascript
JavaScript编程学习技巧汇总
Feb 21 #Javascript
You might like
ThinkPHP模板中判断volist循环的最后一条记录的验证方法
2014/07/01 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
thinkPHP连接sqlite3数据库的实现方法(附Thinkphp代码生成器下载)
2016/05/27 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
laravel框架 api自定义全局异常处理方法
2019/10/11 PHP
javascript 自动填写表单的实现方法
2010/04/09 Javascript
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
Javascript四舍五入Math.round()与Math.pow()使用介绍
2013/12/27 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
2018/08/27 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python生成pdf文件的方法
2014/08/04 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
python实现简单遗传算法
2020/09/18 Python
Django如何实现防止XSS攻击
2020/10/13 Python
Python中常用的os操作汇总
2020/11/05 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
计算机操作自荐信
2013/12/07 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
学生会离职感言
2014/02/11 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
大学课外活动总结
2014/07/09 职场文书
单位工作证明范文
2014/09/14 职场文书
满月酒邀请函
2015/01/30 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
七年级英语教学反思
2016/02/15 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers