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 相关文章推荐
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
Sep 18 Javascript
axios取消请求的实践记录分享
Sep 26 Javascript
echarts统计x轴区间的数值实例代码详解
Jul 07 Javascript
Vue.js仿Select下拉框效果
Feb 18 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
利用js实现简单开关灯代码
Nov 23 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的开发框架的现状和展望
2007/03/16 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
php微信开发之上传临时素材
2016/06/24 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
Javascript学习笔记1 数据类型
2010/01/11 Javascript
JS 图片缩放效果代码
2010/06/09 Javascript
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
switchery按钮的使用方法
2017/12/18 Javascript
微信小程序实现城市列表选择
2018/06/05 Javascript
js实现简单进度条效果
2020/03/25 Javascript
VSCode搭建React Native环境
2020/05/07 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
详解django+django-celery+celery的整合实战
2019/03/19 Python
python实现车牌识别的示例代码
2019/08/05 Python
Python实现封装打包自己写的代码,被python import
2020/07/12 Python
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
CSS Houdini实现动态波浪纹效果
2019/07/30 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
瑞典Happy Socks美国官网:购买色彩斑斓的快乐袜子
2016/10/19 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
文明美德伴我成长演讲稿
2014/05/12 职场文书
财务务虚会发言材料
2014/10/20 职场文书
大学生年度个人总结
2015/02/15 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书
创业计划书之孕婴生活馆
2019/11/11 职场文书