JavaScript客户端脚本编程

最新推荐文章于 2022-01-06 15:29:54 发布

martinue

最新推荐文章于 2022-01-06 15:29:54 发布

阅读量1.7k

点赞数

分类专栏：其它~~~~~~~~~~~~~ 网页大二文章标签：大二 javascript 脚本

本文链接：https://blog.csdn.net/martinue/article/details/51693711

版权

大二同时被 3 个专栏收录

202 篇文章 0 订阅

订阅专栏

其它~~~~~~~~~~~~~

154 篇文章 0 订阅

订阅专栏

网页

6 篇文章 2 订阅

订阅专栏

1．编写程序在页面上完成产生100道两位数字的加减运算题，并统计正确率。

<html>
  <head>
   <script>
    var a=new Array(100);
    var b=new Array(100);
    var wrong1=new Array(100);
    function aa()
    {
      var k=0,s,erros;
      for(i=1;i<=100;i++)
       { str="r"+i;
         v=document.getElementById(str);
         vr=parseInt(v.value);
        if(a[i]+b[i]!=vr)
        {
           wrong1[k]=i;
           k++;
            }
         }
       erros="";
      for(i=0;i<k;i++)
       erros=erros+wrong1[i]+",";
     
       v1=document.getElementById("p1");
       v1.innerHTML="你做错的题目一共是"+k+"道;分别是：";
       v2=document.getElementById("erro");
      v2.innerHTML=erros;
}
   </script>
  </head>
<body>
<h2>在文本框里写入左侧题目结果，算完之后提交</h2>
 <form name="f1">  
   <script>
     var i;
     for(i=1;i<=100;i++)
      {
        a[i]=Math.floor(Math.random()*10);
        b[i]=Math.floor(Math.random()*10);
        document.write("("+i+")"+a[i]+"+"+b[i]+"=");
        document.write("<input type='text' id=r"+i+ "   value='' >"+"<br>");
         }
     
   </script>
    <input type="button" value="提交" οnclick=aa()>
</form>
<p id="p1" style="font-size:36px"></p>
<div id="erro"></div>
</body>
</html>

2．编写程序实现注册页面中用户名（要求其中只含有字母）、密码（要求长队在6和20之间且只可为字母、数字）的验证，如果不合要求给予提示，符合要求可以不执行任何操作。

<html>
<head align="center">
<title>xixixi</title>
<script>
	var flag1, flag2, flag3;
	function a0() {
		flag1 = 0;
		var x = reg.xm.value;
		if (x.length < 6) {
			flag1 = 1;
			alert("账号长度太短，请重新输入");
		} else if (x.length > 20) {
			flag1 = 1;
			alert("账号长度太长，请重新输入");
		}
		var i, ff;
		for (i = 0; i < x.length; i++) {
			var temp = x.substring(i, i + 1);
			if (!((temp >= 'a' && temp <= 'z') || (temp >= 'A' && temp <= 'Z'))) {
				ff = 1;
				flag1 = 1;
				break;
			}
		}
		if (ff == 1)
			alert("账号只能为字母，请重新输入");
	}
	function aa() {
		flag2 = 0;
		var x = reg.mima1.value;
		if (x.length < 6) {
			flag2 = 1;
			alert("密码长度太短，请重新输入");
		} else if (x.length > 20) {
			flag2 = 1;
			alert("密码长度太长，请重新输入");
		}
		var i, ff;
		for (i = 0; i < x.length; i++) {
			var temp = x.substring(i, i + 1);
			if (!((temp >= 'a' && temp <= 'z') || (temp >= 'A' && temp <= 'Z') || (temp >= '0' && temp <= '9'))) {
				ff = 1;
				flag2 = 1;
				break;
			}
		}
		if (ff == 1)
			alert("账号只能为字母和数字，请重新输入");
	}
	function a1() {
		flag3 = 0;
		var p1 = reg.mima1.value;
		var p2 = reg.mima2.value;
		if (p1 != p2) {
			flag3 = 1;
			alert("密码不正确！");
		}
	}
	function a2() {
		if (flag1 == 0 && flag2 == 0 && flag3 == 0)
			alert("成功注册！");
		else
			alert("请根据提示重新输入账号或密码！");
	}
</script>
</head>
<body bgcolor="pink" align="center">
	<br>
	<br>
	<br>
	<br>
	<br>
	<table border=2 align="center" bgcolor="#00AAEE" width="800"
		height="400"
	>
		<form name="reg">
			<tr>
				<td align="center" width="700" colspan="2"><font face="华文琥珀"
					color="blue" size="6"
				>学生信息管理系统注册</td>
			</tr>
			<tr>
				<td align="center"><font face="华文行楷" color="yellow" size="5">账号:</td>
				<td align="center"><input type="text" name="xm" maxlength="25"
					οnblur="a0()"
				></td>
			</tr>
			<tr>
				<td align="center"><font face="华文行楷" color="yellow" size="5">密码:</td>
				<td align="center"><input type="password" name="mima1"
					maxlength="25" οnblur="aa()"
				></td>
			</tr>
			<tr>
				<td align="center"><font face="华文行楷" color="yellow" size="5">确认密码:</td>
				<td align="center"><input type="password" name="mima2"
					maxlength="25" οnblur="a1()"
				></td>
			</tr>
			<tr>
				<td align="center" colspan="2"><input type="button" value="确认"
					name="yes" οnclick=a2()
				> <input type="reset" value="reset" name="reset1"></td>
			</tr>
		</form>
	</table>
</body>
</html>

3．歌曲完成之前的点击次数统计功能。

<html>
<head>
<script>
	var num1 = 0, num2 = 0, num3 = 0;
	function a1() {
		num1++;
		document.getElementById("count1").innerHTML = num1;
	}
	function a2() {
		num2++;
		document.getElementById("count2").innerHTML = num2;
	}
	function a3() {
		num3++;
		document.getElementById("count3").innerHTML = num3;
	}
</script>
</head>
<body bgcolor="pink">
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<table align="center" border="1" bgcolor="#00CCFF" width="800"
		height="300"
	>
		<tr>
			<td colspan="4" align="center">Jay Chou————>前世情人</td>
		</tr>
		<tr>
			<td align="center">编号</td>
			<td align="center">歌曲名称</td>
			<td align="center">在线播放</td>
			<td align="center">点击次数</td>
		</tr>
		<tr>
			<td align="center">1</td>
			<td align="center">不能说的秘密</td>
			<td align="center" οnclick="a1()"><a
				href="http://y.qq.com/#type=song&mid=002MXZNu1GToOk&tpl=yqq_song_detail&play=1"
				target="_blank"
			>播放</a></td>
			<td align="center"><p id="count1">0</p></td>
		</tr>
		<tr>
			<td align="center">2</td>
			<td align="center">阳光宅男</td>
			<td align="center" οnclick="a2()"><a
				href="http://y.qq.com/#type=song&mid=001bnNGN127Kbq&tpl=yqq_song_detail&play=1"
				target="_blank"
			>播放</a></td>
			<td align="center"><p id="count2">0</p></td>
		</tr>
		<tr>
			<td align="center">3</td>
			<td align="center">晴天</td>
			<td align="center" οnclick="a3()"><a
				href="http://y.qq.com/#type=song&mid=0039MnYb0qxYhV&tpl=yqq_song_detail&play=1"
				target="_blank"
			>播放</a></td>
			<td align="center"><p id="count3">0</p></td>
		</tr>
	</table>
</body>
</html>

4．请设计并实现如下页面（要求完成页面的运行。当点击一次“+”时，数量增加“1”，点击一次“-”时，数量减少“1”，并将数量的结果显示在中间框中。如果数量少于1则仅显示0）。

<head>
<script>
	var i = 0;
	function a1() {
		if (i > 0) {
			i--;
			reg.haha.value = i;
		}
	}
	function a2() {
		i++;
		reg.haha.value = i;
	}
</script>
</head>
<body>
	购买数量
	<form name="reg">
		<input type="button" value="-" name="sub" οnclick="a1()"> <input
			type="text" name="haha" value="0"
		> <input type="button" value="+" name="add" οnclick="a2()">
	</form>
</body>

martinue

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript客户端脚本编程

1．编写程序在页面上完成产生100道两位数字的加减运算题，并统计正确率。2．编写程序实现注册页面中用户名（要求其中只含有字母）、密码（要求长队在6和20之间且只可为字母、数字）的验证，如果不合要求给予提示，符合要求可以不执行任何操作。xixixi var flag1, flag2, flag3; function a0() { flag1 = 0; var x = reg
复制链接

扫一扫