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 相关文章推荐
JavaScript的parseInt 进制问题
May 07 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
微信小程序实现列表页的点赞和取消点赞功能
Nov 02 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
JS在Array数组中按指定位置删除或添加元素对象方法示例
Nov 19 Javascript
uni-app从安装到卸载的入门教程
May 15 Javascript
Vue将props值实时传递 并可修改的操作
Aug 09 Javascript
js闭包和垃圾回收机制示例详解
Mar 01 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
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
php中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
php调用Google translate_tts api实现代码
2013/08/07 PHP
Yii2简单实现多语言配置的方法
2016/07/23 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
PHP实现常用排序算法的方法
2020/02/05 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
JavaScript 学习笔记之操作符
2015/01/14 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
javascript函数自动执行常用方法汇总
2016/03/28 Javascript
PassWord输入框代码分享
2016/06/07 Javascript
JS实现自动阅读单词(有道单词本添加功能)
2016/11/14 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
初步讲解Python中的元组概念
2015/05/21 Python
python 容器总结整理
2017/04/04 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
Pyqt5实现英文学习词典
2019/06/24 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
《太阳》教学反思
2014/02/21 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
人事局接收函
2015/01/31 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
天河观后感
2015/06/11 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
SpringBoot中使用Redis作为全局锁示例过程
2022/03/24 Java/Android