html练习题

金额找零 :用输入框输入一个1-100的整数,例如:78=50+20+5+3
<!DOCTYPE html>
<html>
  <head>
  	<meta charset="UTF-8">
  	<title></title>
  </head>
  <body>
  	<script type="text/javascript">
  		function change(){
  			money = Number(document.form1.txt1.value);
  			if(money !=parseInt(money/1)|| money<1||money>100)
  			{
  				alert("请输入一个1-100的整数");
  			}
  			 else{
  		        var a=Math.floor(money/50);
  		        var b=Math.floor((money-50*a)/20) ;
  		        var c=Math.floor((money-50*a-20*b)/5);
  		        var d=(money-50*a-20*b-5*c);
  		        alert("找零:"+"50元"+a+"张;20元"+b+"张;5元"+c+"张;1元"+d+"张。");  
      }
  }
   </script>
   输入要找的零钱:
   <form name="form1">
       <input name="txt1" type="text"><br>
       <input type="button" onclick="change()" value="找零"><br>
   </form>	
  	</script>	
  </body>
</html>

结果展示:
在这里插入图片描述
在这里插入图片描述
2.五本书的价格:

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function add(){
				var n1 =Number(document.form1.txt1.value);
				var n2 =Number(document.form1.txt2.value);
				var n3 =Number(document.form1.txt3.value);
				var n4=Number(document.form1.txt4.value);
				var n5 =Number(document.form1.txt5.value);
				document.form1.txt6.value =  n1+n2+n3+n4+n5;
			}
		</script>
		请分别输入5本书的价格:
		<form name="form1">
			<input name="txt1" type="text"/><br/>
			<input name="txt2" type="text"/><br/>
			<input name="txt3" type="text"/><br/>
			<input name="txt4" type="text"/><br/>
			<input name="txt5" type="text"/><br/>
			<input type="button" οnclick="add()" value="总计" /><br/>
			<input name="txt6" type="text"/><br/>
		</form>
	</body>
</html>

结果展示:
在这里插入图片描述

3.欢迎
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			for(i = 0;i<100;i++){
				document.writeln("welcome!")
			}
		</script>
	</body>
</html>

在这里插入图片描述
######4.10本书

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function sort(){
				var b = new Array(),l=9,account = 0;
				for(var i = 0;i<=l;i++){
					b[i] = document.getElementById("book" + i).value;
					account = account+Number(b[i]); 
				}
				b = b.sort(function(a,b) {return a-b;});
				document.st.min.value = b[0];
				document.st.max.value = b[9];
    	        document.st.avg.value = account/10;
			}
		</script>
		请分别输入10本书的价格:
    <form name="st">
       <input id="book0" type="text"><br>
       <input id="book1" type="text"><br>
       <input id="book2" type="text"><br>
       <input id="book3" type="text"><br>
       <input id="book4" type="text"><br>
       <input id="book5" type="text"><br>
       <input id="book6" type="text"><br>
       <input id="book7" type="text"><br>
       <input id="book8" type="text"><br>
       <input id="book9" type="text"><br>
       <input type="button" οnclick="sort()" value="确认"><br>
                 结果为:<br>
                 最高价格为<input name="max" type="text"><br>
                 最低价格为<input name="min" type="text"><br> 
                 平均价格为<input name="avg" type="text"><br>         
    </form>
	</body>
</html>

在这里插入图片描述

发布了101 篇原创文章 · 获赞 47 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/TONGZONGE/article/details/102644323