js算法练习（三）

最新推荐文章于 2023-02-15 21:17:48 发布
最新推荐文章于 2023-02-15 21:17:48 发布
阅读量373 收藏
点赞数
文章标签： js 九九乘法表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzw811131619/article/details/82759966
版权

输出小九九，共有四种形状，有两种方式输出方式，第一种是用空格 来实现，如果不用css的话空格的缩进不好控制；第二种是用表格实现，缩进很好控制。
（一）空格版
1.最常见的小九九
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i = 1;i <= 9;i ++) {
				for (var j = 1;j <= i;j ++) {
					document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				document.write("<br />");
			}
		</script>
	</body>
</html>

2.上下相反
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i = 9;i >= 1;i --) {
				for (var j = 1;j <= i;j ++) {
					document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				document.write("<br />");
			}
		</script>
	</body>
</html>

3.左右相反
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i = 1;i <= 9;i ++) {
				
				for (var k = 1;k <= 9 - i;k ++) {
					document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				
				for (var j = 1;j <= i;j ++) {
					
					document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				document.write("<br />");
			}
		</script>
	</body>
</html>

4.上下左右都相反
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i = 9;i >= 1;i --) {
				
				for (var k = 1;k <= 9 - i;k ++) {
					document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				
				for (var j = 1;j <= i;j ++) {
					
					document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;");
				}
				document.write("<br />");
			}
		</script>
	</body>
</html>

（二）表格版
看了空格版，表格版就很好理解了，就是边循环边建立了一个表格，所以直接四个全部输出：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			document.write('<table border="0" width="100%">')
			for (var i = 0;i <= 9;i ++) {
				document.write('<tr>')
				
				for (var j = 1;j <=i;j ++) {
					document.write('<td bgcolor="orange">' + j + '*' + i + '=' + i*j +'</td>')
				}
				document.write('<tr/>')
			}
			document.write('</table>')
		</script>
		
		<br /><br />
		
		<script type="text/javascript">
			document.write('<table border="0" width="100%">')
			for (var i = 9;i >= 0;i --) {
				document.write('<tr>')
				
				for (var j = 1;j <=i;j ++) {
					document.write('<td bgcolor="orange">' + j + '*' + i + '=' + i*j +'</td>')
				}
				document.write('<tr/>')
			}
			document.write('</table>')
		</script>
		
		<br /><br />
		
		<script type="text/javascript">
			document.write('<table border="0" width="100%">')
			for (var i = 1;i <= 9;i ++) {
				document.write('<tr>')
				
				//输出对应数量的空td
				for(var k = 1;k <= 9 - i;k ++){
					document.write('<td>&nbsp</td>')
				}
				
				
				for (var j = 1;j <= i;j ++) {
					document.write('<td bgcolor="orange">' + j + '*' + i + '=' + i*j +'</td>')
				}
				document.write('<tr/>')
			}
			document.write('</table>')
		</script>
		
		<br /><br />
		
		<script type="text/javascript">
			document.write('<table border="0" width="100%">')
			for (var i = 9;i >= 1;i --) {
				document.write('<tr>')
				
				//输出对应数量的空td
				for(var k = 1;k <= 9 - i;k ++){
					document.write('<td>&nbsp</td>')
				}
				
				
				for (var j = 1;j <= i;j ++) {
					document.write('<td bgcolor="orange">' + j + '*' + i + '=' + i*j +'</td>')
				}
				document.write('<tr/>')
			}
			document.write('</table>')
		</script>
	</body>
</html>

输出结果：
在这里插入图片描述
在这里插入图片描述

学不会编程的程序猿
关注
Javascript算法练习（八）
风起叶落，若是不知，岂会心动！
08-16 1147
Javascript算法练习（八）updateInventory，更新库存，即用新的数组数据去更新老的数组数据 思路：遍历新数组中的数据更新老数据：根据名称去老数组中查找，找到了就用对应的数量与老的相加； 添加新数据：如果没找就将新数组中的数据添加到老数组中；/** * 11. 用第二个数组的数据去更新第一个数组数据(更新库存) * @param {Array} oldArr 原始数据 *
js算法练习（一）
zzw811131619的博客
09-13 531
输出1~100能被3整除且个位是6的数字： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&g
JavaScript算法练习
Curtain的博客
03-24 625
JavaScript算法练习：找出字符串中最长的单词并输出其长度 时间 2016-06-07 19:35:05  W3CPlus 原文  http://www.w3cplus.com/javascript/find-the-longest-word-solution.html 主题 JavaScript 算法 今天的练习是 找出字符串(可能是一句话)中最长的单词并且将其
JS算法(日常练习)
qq_51649346的博客
04-16 1072
js算法(日常练习) 返回最长重复字符串 function tp21(i){ var arr=i.split('');//将字符串分隔 var num=0;//计数器，用来比较重复字符串长度 var maxstr1=''; var maxstr2='';//如果有2个相同字符串用来存放 var a; a=arr[0]//赋初值 var strend; for(va
JavaScript基础算法练习
zyz031219的博客
03-26 797
// 1.九九乘法表 for (var i = 1; i < 10; i++) { document.write("<span>"); for (var j = 1; j <= i; j++) { if (j % 2 == 0) { document.write("<button style='width:60px;background-color:
js代码-js算法练习
07-15
在本“js代码-js算法练习”主题中，我们将深入探讨JavaScript中的算法基础及其在实际编程中的应用。 一、JavaScript基础知识 1. 变量与数据类型：JavaScript支持动态数据类型，包括基本类型（如字符串、数字、布尔...
leetcode题库-js-practice:JavaScript算法练习-LeetCode与LintCode解题记录
06-29
算法练习 LeetCode 与 LintCode 解题记录。此为个人练习仓库，代码中对重要思想进行了注释，但是没有详细的解题思路。需解题思路请移步其它仓库，很抱歉。 每一道题都对应写有测试用例，但可能不够完整。如果您发现...
算法练习 (一)
weixin_33697898的博客
01-08 236
　　四月初就听说有个"计算机程序设计大赛", 原本以为只是系里的一个小竞赛, 做个WinForm小程序啥的, 所以到辅导员那边报了名, 这一个来月的时间大部分都花在VB.NET和C#上了. 今天上午去学校主页"公布栏"里才得知学校在选拔ACM的队伍, 尽管入选希望渺茫, 但辅导员已经把俺名单报上去了, 没有办法了, 去凑个热闹, 如果在学校里的选拔竞赛中名次还可以的话, 可以拿个奖状什么的:-)但...
js基础算法练习
qq_43405603的博客
08-16 411
要求：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1].................................
js算法练习（八）
zzw811131619的博客
09-19 254
（1）输入任意一个浮点数，保留2位小数输出： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script typ
JavaScript算法题100道
最新发布
subsistent的博客
02-15 4440
JavaScript算法题100道
Javascript算法练习（一）
风起叶落，若是不知，岂会心动！
06-20 1054
Javascript算法练习（一）反转字符串 方法一：split() + unshift() + join()// 将__string反转返回 function myReverse ( __string ) { if ( !__string ) return; var aTarget = __string.split(""), // 将__string分割成单个字符，保存到数
JavaScript的简单算法练习
C.
07-19 464
/** * 1.打印矩阵 */ function getMatrix(num){ for(let i = 0; i &lt; num; i++){ let str = ""; for(let j = 0; j &lt; num; j++){ str += "* " } console.log(st...
JavaScript：算法练习
Harryの心阁
08-11 268
文章目录第十六天Javascript题目1问题解答1解题思路1setTimeout方法+递归setInterval方法Javascript题目2问题解答2解题思路2Javascript题目3问题解答3解题思路3Javascript题目4问题解答4解题思路4bind方法Javascript题目5问题解答5解题思路5Javascript题目6问题解答6解题思路6Javascript题目7问题解答7解题思路7Javascript题目问题解答解题思路知识扩展公众号：今日在学 来源博客：【Harryの心阁】 第十
js基本算法练习（一）
m0_53423462的博客
08-24 157
JS算法小练习（一）
js计算练习
酷酷的旭
08-13 5618
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
js算法练习--栈
aiuyuu628048的博客
08-08 116
　　　　　　class stack{ constructor (){ this.list=[]; } //入栈 Push(item){ this.list.push(item); } ...
js练习
weixin_34179762的博客
04-15 479
js codewar 转载于:https://juejin.im/post/5cb4627d5188251afc030880
JavaScript与C语言数据结构入门练习题汇总
数据结构习题集涵盖了JavaScript和C语言的基础算法与数据结构练习，旨在帮助初学者巩固理论知识并提升编程技能。以下是一些核心知识点的详细说明： 1. **链表操作**： - 作业1：实现一个链表，存储1-100范围内的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值