一些JavaScript基本题目

最新推荐文章于 2024-08-10 15:43:39 发布

余月初贰

最新推荐文章于 2024-08-10 15:43:39 发布

阅读量105

点赞数 3

文章标签： html 开发语言 javascript

mkbk

本文链接：https://blog.csdn.net/m0_68633696/article/details/125766196

版权

1.var a=1 b=2 不引入第三方变量交换a b变量的值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>交换变量</title>
	</head>
	<body>
		<script type="text/javascript">
			var a = 1,
			b = 2;
			a = [a, b];
			b = a[0];
			a = a[1];
			document.write(a);
			document.write("<br/>");
			document.write(b);
		</script>
	</body>
</html>

2.用户输入一个年份，判定该年份有多少天闰年366 平年365

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>判断闰年</title>
	</head>
	<body>
		<script type="text/javascript">
			var date = prompt('请输入年份：')
			if(date%4==0&&date%100!=0){
					alert('闰年');	
				}else if(date%400==0){
					alert('闰年');
				}else{
					alert('不是闰年');
				}
		</script>
	</body>
</html>

3.在页面输出倒直角三角形

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒直角三角形</title>
	</head>
	<body>
		<script type="text/javascript">
			for (var i = 0; i <9; i++) {
			for (var j = 9; j>i; j--) {
			document.write("※")
			}
			document.write("<br/>");
			}
		</script>
	
	</body>
</html>

4.再页面输出金字塔（等腰三角形）

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

5.假设从A地到B地的火车票有硬座和硬卧，价格分别为100和190元。根据铁路部门规定，未成年人(18周岁以下)身高不足120cm免票，120(含)-150(不含)cm需半票，150及以上的需全票，未成年人卧铺只能减免硬座的半价。请设计一个购票程序，要求输入年龄和身高(未成人需要输入)以及票的类型，输出票的价格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>火车票</title>
	</head>
	<body>
		<script type="text/javascript">
		var age = prompt('请输入年龄')*1;
					var tick = prompt('请输入票型');
					if(age>=18){
						if(tick=='硬座'){
							document.write("100");
						}else{
							document.write("190");
						}
					}else{
						var height = prompt('请输入身高')*1;
						if(height<120){
							document.write("免费");
						}else if(height<150){
							if(tick=='硬座'){
								document.write("50")
							}else{
								document.write("140");//这里是未成年人身高120-150买的硬卧票 190-50(硬座的半价)
							}
						}else{
							if(tick=='硬座'){
								document.write("100")
							}else{
								document.write("190");
							}
						}
					}
		</script>
	</body>
</html>

6.将数组[12,34,2,5,76]中数字内容求和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>求和</title>
	</head>
	<body>
		<script type="text/javascript">
			var array = [12,34,2,5,76];
			var sum = 0;
			for (let i = 0; i < array.length; i++) {
			    sum += array[i];
			}
			console.log(sum);
		</script>
	</body>
</html>

7.求[12,34,2,5,76]数组中最大值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>最大值</title>
	</head>
	<body>
		<script type="text/javascript">
			var nums=[12,34,2,5,76]
			var s=nums[0];
			for(var i=0;i<nums.length;i++){
				if(s<nums[i]){
					s=nums[i];
				}
			}console.log(s);
		</script>
	</body>
</html>

8.[1,3,5,2,1,4,3,1,2,5,3,1,2,1]对该数组去除重复数据

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>去除重复数据</title>
	</head>
	<body>
		<script type="text/javascript">
			function f2(){
				var _arr=[1,3,5,2,1,4,3,1,2,5,3,1,2,1];
				var _empty=[];
				for(n=0;n<_arr.length;n++){
					if(_empty.indexOf(_arr[n])<0){
						_empty.push(_arr[n]);
					}
				}
				_arr=_empty;
				console.log(_arr);
			}
			f2();
		</script>
	</body>
</html>

9.去除"abcdeereeryhhssqqq"中的重复字符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>去除重复字符</title>
	</head>
	<body>
		<script type="text/javascript">
			function removeRepetition(str) {
				if(str != ''){
			    var result = str[0];
			    for(var i = 1;i < str.length;i++){
				if(str[i] != str[i-1] ){
				 result += str[i];
				}
			}
			}
				else result = '';
			 
			    return result;
			}
			console.log(removeRepetition("abcdeereeryhhssqqq"));
		</script>
	</body>
</html>

10.再页面输出倒计时

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>倒计时</title>
		<style type="text/css">
			div{
				width: 300px;
				text-align: center;
				margin: 0 auto;
				margin-top: 60px;
			}
			span{
				position: relative;
				display: block;
				margin-left:10px;
				float: left;
				width: 40px;
				height: 40px;
				line-height: 40px;
				background-color: #3db7b7;
				color: #fff;
				border-radius: 20px;
			}
		</style>
	</head>
	<body>
		<div>
			<span></span>
			<span></span>
			<span></span>
			<span></span>
		</div>
		<script type="text/javascript">
			function inputTime(dateTime){
				var nowTime = new Date();
				var inputTime = new Date(dateTime);
				var times = inputTime.getTime() - nowTime.getTime();
				times = times / 1000;
				
				var day = parseInt(times / 60 / 60 / 24);
				var hour = parseInt(times / 60 / 60 % 24);
				var minute = parseInt(times / 60 % 60 );
				var second = parseInt(times % 60);
				var spans = document.querySelectorAll("span");
				spans[0].innerText = day ;
				spans[1].innerText = hour ; 
				spans[2].innerText = minute ;
				spans[3].innerText = second ;
			}
			window.setInterval(function(){
				inputTime("2022-7-10 00:00:00");
			},1000);
		</script>
	</body>
</html>

余月初贰

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一些JavaScript基本题目

1.var a=1 b=2 不引入第三方变量交换a b变量的值2.用户输入一个年份，判定该年份有多少天闰年366 平年3653.在页面输出倒直角三角形4.再页面输出金字塔（等腰三角形）5.假设从A地到B地的火车票有硬座和硬卧，价格分别为100和190元。根据铁路部门规定，未成年人(18周岁以下)身高不足120cm免票，120(含)-150(不含)cm需半票，150及以上的需全票，未成年人卧铺只能减免硬座的半价。请设计一个购票程序，要求输入年龄和身高(未成人需要输入)
复制链接

扫一扫