javascrip-循环基础练习题

最新推荐文章于 2024-08-08 16:33:07 发布
最新推荐文章于 2024-08-08 16:33:07 发布
阅读量80 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34519706/article/details/120424655
版权
本文提供了一系列JavaScript循环基础练习题，包括用户输入数并进行打印的场景，代码已验证可用，适合初学者巩固循环知识。
摘要由CSDN通过智能技术生成

用户输入数，在进行打印

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>用户输入打印相对应的图行</title>
	</head>
	<body>
		<script type="text/javascript">
			//矩形
			function test1() {
				var num = parseInt(window.prompt("请输入行数:"));
				for (var i = 1; i<=num; i++) {
					for (var j=1; j<=num; j++) {
						document.write("*");
					}
					document.write("<br>");
				}
				
			}
			//直角三角形
			function test2() {
				var num = parseInt(window.prompt("请输入行数:"));
				for (var i = 1; i < num; i++) {
					for (j = 1; j <= num; j++) {
					}	
					for (var j = 1; j <= 2 * i - 1; j++) {
						document.write("*");
					}
					document.write("<br>");
				}
			}
			//正三角
			function test3() {
				let num = parseInt(window.prompt("请输入行数:"));
				for (let i = 1; i< num; i++) {
					//先打印一定数量的空格
					for (j = 1; j <= num - i; j++) {
						document.write("&nbsp;");
					}
					//在打印一定数量的*
					for (var j = 1; j<=2*i-1; j++) {
						document.write("*");

					}
					document.write("<br>")
				}
			}


			//倒直角三角形
			function test4() {
				let num = parseInt(window.prompt("请输入行数:"));
				for (let i = 1; i<=num; i++) {
					for (let j=1;j<=num-i+1;j++) { //+1保证星号
						document.write("♥");
					}
					document.write("<br>");
				}
}
				//倒三角形
				function test5() {
					let num = parseInt(window.prompt("请输入行数:"));
					//控制空格	
					for (let i = 1; i <= num; i++) {
						for (let j=1;j<i;j++){
						document.write("&nbsp");
					}
					//控制*
					for (let j = 1; j <= 2*(num - i)+ 1; j++) { //+1保证星号
						document.write("♥");
					}
					document.write("<br>");
				}

}
				//菱形
				function test6() {
				let num = parseInt(window.prompt("请输入行数:"));
					for (let i = 1; i<num; i++) {
						//先打印一定数量的空格
						for (j = 1; j <= num - i; j++) {
							document.write("&nbsp;");
						}
						//在打印一定数量的*
						for (var j = 1; j<=2*i-1; j++) {
							document.write("♥");
				
						}
						document.write("<br>")
					}
					//控制空格	
					for (let i = 2; i <= num;i++) {
						for (let j=1;j<i;j++){
						document.write("&nbsp");
					}
					//控制*
					for (let j = 1; j <= 2*(num - i)+ 1; j++) { 
						document.write("♥");//这个可以自己改的
					}
					document.write("<br>");
				}
				}
					
				
				//空心菱形
				
					function test7(){
						let num=parseInt(window.prompt("请输入行数:"));//6
						for(let i=1;i<num;i++){
							//先打印一定数量的空格
							for(let j=1;j<=num-i;j++){
								document.write("&nbsp;");
							}
							//再打印一定数量的 *
							for(let j=1;j<=2*i-1;j++){
								//判断条件打印空心
								if(j==1||j==2*i-1){
									document.write("♥");
								}else{
									document.write("&nbsp;");
								}
								
							}
							document.write("<br/>");
						}
						for(let i=1;i<=num;i++){
							//控制空格
							for(let j=1;j<i;j++){
								document.write("&nbsp;");
							}
								
							//控制 *
							for(let j=1;j<=2*(num-i)+1;j++){
								if(j==1||j==2*(num-i)+1){
									document.write("♥");
								}else{
									document.write("&nbsp;");
								}
							}
							document.write("<br/>");
						}
					}
				</script>
	</body>
	<input type="button" value="第一个" onclick="test1()" />
	<input type="button" value="第二个" onclick="test2()" />
	<input type="button" value="第三个" onclick="test3()" />
	<input type="button" value="第四个" onclick="test4()" />
	<input type="button" value="第五个" onclick="test5()" />
	<input type="button" value="第六个" onclick="test6()" />
	<input type="button" value="第七个" onclick="test7()" />
</html>

大家直接可以复制，这里就不展示了。每一个都能实现相应功能，已经自用过了。

qq_34519706
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript-for循环嵌套练习
主营前端方向，技术栈是vue
11-27 312
for循环嵌套练习(输出图形，九九乘法表，1-100质数，质数补充)
JavaScript-ppt及练习试题
08-05
在“JavaScript-ppt及练习试题”中，我们可以期待深入学习JavaScript的基础概念、语法特性以及实际应用。 首先，PPT部分可能涵盖了以下知识点： 1. **JavaScript历史与概述**：讲解JavaScript的起源，其与Java的...
前端 - JavaScript 练习 - for 循环练习题
一只小网虫的博客
09-02 669
JavaScript for 循环练习题……
JavaScript-for循环练习
主营前端方向，技术栈是vue
11-27 522
for循环练习(1-100所有奇数和，1-100所有7的倍数个数及总和，打印水仙花数，判断是否是质数)
JavaScript----- 列表练习题
wanghongpu9305的博客
11-25 208
增加一个向列表中插入元素的方法，该方法只在待插元素大于列表中的所有元素时才执 行插入操作。这里的大于有多重含义，对于数字，它是指数值上的大小;对于字母，它 是指在字母表中出现的先后顺序。 题目 分析 1、一个向列表中插入元素的方法 2、只在待插元素大于列表中的所有元素时才执 行插入操作 3、大于的包括数字的大小字母先后顺序 思路 1 、 获取列表数据 然后进行拷贝 排序 然后获取最后一个 对比 针对 字母 2、循环对比 针对数组 function maXpush(eleme...
javascript -- 数组知识以及练习题
chaosweet的博客
08-02 1062
善待自己，别期望别人会善待你，因为每个人都自顾不暇呀。
javascript -- 函数知识以及练习题
chaosweet的博客
08-05 767
人间烟火气，最抚凡人心。
javascript循环基础练习题
weixin_52088589的博客
12-24 4898
1,打印0-20之间的整数, 将每个数输出到控制台 for (let i = 0; i <= 20; i++) { document.write(第一个数是${i}<br>) } 2,用户输入第1个数, 用户再次输入第2个数 ，请将这2个数之间的整数打印出来 let star = prompt('请输入第一个数:') let end = prompt('请输入第二个数:') for (let i = star; i <= end; i++) { document.
JavaScript-循环、数组 案例与练习
Sco_jing的博客
05-13 758
for循环案例 一行中打印5个小星星（采用字符串追加的方式） <script> var str = '' for (var i=1;i<=5;i++) { str = str + '★' } console.log(str) </script> 控制台打印输出： 双重for循环：可以把里面的循环看作是外层循环的语句；外循环一次，里面的循环执行全部 打印n行n列小星星 <script> var rows = prompt('请您输入行数：') var c
JS基础篇3--JS基础练习题
咖啡壶的博客
09-17 9338
js练习题js基础练习题01-1到100整数累加和02-判断闰年03-100之间所有数的平均值04-1到100之间所有偶数和奇数的和05-1到100之间所有能被3整除的数字的和06-判断成绩07-数字补008-求学生成绩09-打印正三角10-打印倒三角形11-等腰三角形12-九九乘法表js数组基础练习题01-求数组中的最大值和最小值02-数组转换为字符串03-数组存放1_10个值04-筛选数组05-数组去重(删除指定数组元素)06-翻转数组07-冒泡排序 js基础练习题 01-1到100整数累加和
javascript基础循环练习题
qq_34519706的博客
09-20 98
javascript基础循环练习题 我才用的是for来实现的 题目： 2006年培养学员8万人，每年增长25%， 请问按此增长速度，到哪一年培训学员人数将达到20万人？ <script type="text/javascript"> var a=8; //人数 var b=1.25; //年增长 var c=2006; //开始年份 for(var a=8;a<=20;c++){ //初始值``a=0;判断条件a<=20;所以c++ a=a*b; //得到
javascript-writings:JavaScript 手写题库
07-24
JavaScript 手写题库是针对JavaScript编程语言设计的一系列练习题目和解答，旨在帮助开发者深入理解和熟练掌握JavaScript的核心概念、语法以及常见问题的解决方法。这个题库可能包含了从基础到高级的各种题目，覆盖...
javascript面试题、练习题
07-17
### JavaScript核心概念与面试题详解 #### 一、基础语法与数据类型 - **知识点**： - **基本数据类型**：了解JavaScript的基本数据类型对于理解变量存储和使用至关重要。JavaScript中有六种基本数据类型：Number...
JavaScript三十道经典练习题
11-30
"JavaScript三十道经典练习题"提供了一个绝佳的学习平台，让你通过实际操作深入理解和掌握这门语言的核心概念。在这个压缩包中，你将找到"JavaScript30-master"这个文件夹，它包含了30个不同的练习，每个练习都对应...
JavaScript基础练习_day4
08-27
### JavaScript基础练习_day4 #### 知识点概述 本次基础练习主要针对JavaScript中的几个核心概念进行探讨，包括但不限于变量作用域、异步操作、定时器的行为以及闭包的应用等。通过具体的代码示例，帮助初学者理解...
SpringBoot+Vue图书(图书借阅)管理系统-附项目源码与配套文档
m0_74283290的博客
08-03 1346
本论文阐述了一套先进的图书管理系统的设计与实现，该系统采用Java语言，结合现代Web开发框架和技术，旨在为图书馆提供高效、灵活且用户友好的资源管理解决方案。系统利用Spring Boot框架为核心，整合MyBatis ORM工具，以及MySQL数据库，构建了一个高性能、可扩展的后端服务。前端界面则采用了Vue.js框架，以提供流畅的用户交互体验。论文首先进行了详尽的需求分析，确定了系统的核心功能，包括图书的添加、编辑、删除、查询，读者的注册、登录、个人信息管理，以及图书的借阅、归还、续借流程。
【React】实现输入框切换
坚强的泡沫的博客
08-08 272
【React】实现输入框切换
【Vue3】图片未加载成功前占位
最新发布
菜就多练
08-08 214
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
社交媒体分享预览图片和内容修改
wangweiscsdn的博客
08-06 218
社交媒体分享链接时的预览图片和内容
javascript for循环习题
03-16
循环是JavaScript中非常重要的概念，可以帮助我们重复执行某些操作。以下是一些JavaScript for循环的练习题： 1. 使用for循环输出1到10的数字。 2. 使用for循环输出10到1的数字。 3. 使用for循环输出1到100之间所有偶数。 4. 使用for循环输出1到100之间所有奇数。 5. 使用for循环输出1到100之间所有能被3整除的数字。 6. 使用for循环输出1到100之间所有能被5整除的数字。 7. 使用for循环输出1到100之间所有能被3和5整除的数字。 8. 使用for循环输出一个字符串中每个字符的ASCII码。 9. 使用for循环输出一个数组中的所有元素。 10. 使用for循环输出一个对象中的所有属性和值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值