JavaScript算法题 行列输出 - 会飞的猪

JavaScript算法题 行列输出

作者: 会飞的猪

全网最全的网络资源分享网站

手机扫码查看

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

广告位

(1)、任务:从文本框中输入一个小于10的数字,产生一个”数字三角形”,例如:输入5的运行效果如下图所示:24534345.png

提示:在火狐浏览器中,每个空格用两个 标签表达,使用字符串拼接来实现。若使用document.write()输出图形.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.2.js" ></script>
	</head>
	<body>
		请输入数字:<input id="a" />
		<button id="b">生成</button>
		<div id="c"></div>
		<script>
			$(function(){
				$("#b").click(function(){
					var a=$("#a").val();
					var n="";
					for (i=1;i<=a;i++) {
						for (j=1;j<=a-i;j++) {
							n+="&ensp;";
						}
						for (j=1;j<=i;j++) {
							n+=j;
						}
						for (j=i-1;j>=1;j--) {
							n+=j;
						}
						n+="<br/>";
					}
					$("#c").html(n);
				});
			});
		</script>
		
	</body>
</html>

(2)、任务:按照乘法口诀的显示方式,请使用行列输出的算法编程输出乘法口诀表,如下图所示:54343.jpg

<script type="text/javascript">
			for(var i = 1; i <= 9; i++) {
				for(var j = 1; j <= i; j++) {
					document.write(j + "*" + i + "=" + (i * j) + " &ensp;");
				}
				document.write("<br />");
			}
		</script>

(3)、任务:从文本框中输入一个小于10的数字,产生一个”空心矩形”,例如 输入7的运行效果如下图所示:5342543.png

提示:在火狐浏览器中,每个空格用三个&nbsp;标签表达,使用字符串拼接来实现。若使用document.write()输出图形,其中用来形成矩形的符号参考为“※”。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		请输入数字:
		<input type="text" id="a"/>
		<input type="button" id="b" value="生成" onclick="c()" />
		<div id="box">
		</div>
		<script type="text/javascript">
			function c() {
				var n = document.getElementById("a").value;
				
				var m="";
				for(var i = 1; i <= n; i++) {
					for(var j = 1; j <= n; j++) {
						if(i == 1 || i == n || j == 1 || j == n) {
							m += "※";
						} else {
							m +="&nbsp;&nbsp;&nbsp;";
						}
					}
					m+="<br/>";
				}
				document.getElementById("box").innerHTML = m;
			}
		</script>
	</body>

</html>
分享到:
打赏
-版权声明-

作者: 会飞的猪, 转载或复制请以 超链接形式 并注明出处 会飞的猪
原文地址: 《JavaScript算法题 行列输出》 发布于2020-3-16

阅读时间:   发布于:2020-3-16
文章标题:《JavaScript算法题 行列输出》
本文链接:https://ojbk520.cn:443/post-207.html
本文编辑: 会飞的猪,转载请注明超链接和出处会飞的猪
收录状态:[百度已收录][360未收录][搜狗已收录]

评论一下

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

JavaScript算法题 行列输出

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏