1.怎么实现一个计算机可以进行简单的加减乘除呢?
就像下面这样可以计算1+1=2...
在js中可以直接获取id的输入文本框对应的值
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><title>简单计算机的应用</title><script>function f(){var num1=parseFloat(a.value);var num2=parseFloat(b.value);var res=0;if(num2==0&&sign.value=='/'){ //特判分母为0alert("非法");}if(sign.value=="+"){res=num1+num2;}if(sign.value=="-"){res=num1-num2;}if(sign.value=="*"){res=num1*num2;}if(sign.value=="/"){res=num1/num2;}compute.value=res; //设置计算结果}</script><style>/* 随便写点样式 */div{width: 500pxpx;height: 50px;text-align: center;background-color: green;margin: 0 auto;}</style></head>
<body><div><form action=""><!-- js可以通过id获取值 --><input type="text" id="a"><select name="sign" id="sign"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="b"><input type="button" onclick="f()" value="="><input type="text" id="compute"></form></div>
</body>
</html>
还可以计算各种加减乘除
2.怎么验证一个密码框是否合法呢?
规定:
长度小于8非法
纯数字非法
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>function check(){var s=password.value;if(s.length<8){alert("字母个数小于8,不符合条件")}var count=0;for(i=0;i<s.length;i++){c=s.charAt(i); //和java字符串一样if(c>='A'&&c<='Z') count++;if(c>='a'&&c<='z') count++;}document.write(count)if(count==0){alert("没有字母,非法")}else{alert("合法的亲")}}</script><style>div{width: 500pxpx;height: 300px;text-align: center;background-color: green;margin: 0 auto;}</style></head><body><div><form action=""><label for="">用户名</label><input type="text" value="hover"> <br><label for="">密码</label><input type="text" id="password"> <br><input type="button" value="验证" onclick="check()"><input type="reset"></form></div>
</body>
</html>