js实现简单计算机/验证密码是否合法

news2025/1/15 6:30:28

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=='/'){   //特判分母为0
                alert("非法");
            }
           
            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>