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选择器的年代 不了解它们的性能,行吗
Jun 18 Javascript
js截取字符串的两种方法及区别详解
Nov 05 Javascript
javascript中attribute和property的区别详解
Jun 05 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
Aug 25 Javascript
浅析BootStrap模态框的使用(经典)
Apr 29 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
Jan 08 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
原生javascript单例模式的应用实例分析
Feb 23 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 Vue.js
如何利用JavaScript实现二叉搜索树
Apr 02 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里面的抽象类
2010/01/28 PHP
PHP程序员面试 切忌急功近利(更需要注重以后的发展)
2010/09/01 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
javascript 对象的定义方法
2007/01/10 Javascript
javascript编程起步(第四课)
2007/02/27 Javascript
Javascript 面向对象 继承
2010/05/13 Javascript
关于递归运算的顺序测试代码
2011/11/30 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
Js实现滚动变色的文字效果
2014/06/16 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
JS延时器提示框的应用实例代码解析
2016/04/27 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
详解vue 中使用 AJAX获取数据的方法
2017/01/18 Javascript
js实现自定义路由
2017/02/04 Javascript
antd Upload 文件上传的示例代码
2018/12/14 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
TF-IDF算法解析与Python实现方法详解
2017/11/16 Python
Django 拆分model和view的实现方法
2019/08/16 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
.img/.hdr格式转.nii格式的操作
2020/07/01 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
美国家居装饰购物网站:Amanda Lindroth
2020/03/25 全球购物
质量工程师岗位职责
2013/11/16 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
煤矿安全保证书
2015/02/27 职场文书
公司的力量观后感
2015/06/05 职场文书
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers