周二的学习

最新推荐文章于 2024-04-23 14:16:05 发布

张张的宝藏

最新推荐文章于 2024-04-23 14:16:05 发布

阅读量50

点赞数

本文链接：https://blog.csdn.net/m0_56426996/article/details/117703683

版权

1.JS背景

 <style>
        input{
            width: 300px;
            text-align: left;
        }
    </style>



<body>
    <ul>
        <li><input type="button" name="list" value="li+1"></li>
        <li><input type="button" name="list" value="li+2"></li>
        <li><input type="button" name="list" value="li+3"></li>
        <li><input type="button" name="list" value="li+4"></li>
        <li><input type="button" name="list" value="li+5"></li>
    </ul>

    <script>
        var lis = document.getElementsByName("list")
        for(i=0;i<lis.length;i++){
            if(lis[i].value.match(/\d*[02468]$/)!=null){
                lis[i].style.backgroundColor="red"
            }
            else{
                lis[i].style.backgroundColor="green"
            }
        }
    </script>
</body>

2.计算器

 <style>
        select{
            width: 100px;
        }
        form{
            margin-top: 100px;
        }
        input{
            border-color: chartreuse;
        }
    </style>




<body>
    <center>
        <form>
            <input type="text" id="number1" onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && event.keyCode<48 || event.keyCode>57) event.returnValue=false" onchange="get_sum()">
            <select id="operator" onchange="get_sum()">
                <option value="1">+</option>
                <option value="2">-</option>
                <option value="3">*</option>
                <option value="4">/</option>
                <option value="5">%</option>
            </select>
            <input type="text" id="number2" onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && event.keyCode<48 || event.keyCode>57) event.returnValue=false" onchange="get_sum()">
            <span>=</span>
            <input type="text" id="result">
            <br><br>
            <input type="button" id="bt_result" value="计算" onclick="get_sum()">
        </form>
    </center>
    <script> 
        function get_sum(){
            var num1 = Number(document.getElementById("number1").value)
            var num2 = Number(document.getElementById("number2").value)
            var oper = document.getElementById("operator").value
            var item = 0
            switch(oper){
                case "1":
                    item = (value=num1+num2).toFixed(3)
                    document.getElementById("result").value=item
                    break
                case "2":
                    item = (value=num1-num2).toFixed(3)
                    document.getElementById("result").value=item
                    break
                case "3":
                    item = (value=num1*num2).toFixed(3)
                    document.getElementById("result").value=item
                    break
                case "4":
                    item = (value=num1/num2).toFixed(3)
                    document.getElementById("result").value=item
                    break
                case "5":
                    item = (value=num1%num2).toFixed(3)
                    document.getElementById("result").value=item
                    break
            }
        }
    </script>
</body>

3.加密

<script>
        function encryption(){
            var srt = new Array()
            var jm = document.getElementById("sj").value
            for(i=0;i<jm.length;i++){
                srt[i]=(parseInt(jm[i])+5)%10
            }
            var item
            item = srt[0]
            srt[0]=srt[3]
            srt[3]=item
            item = srt[1]
            srt[1]=srt[2]
            srt[2]=item
            var jg = ""
            for(i=0;i<srt.length;i++){
                jg += srt[i].toString()
            }
            parseInt(jg)
            alert(jg)
        }
    </script>

张张的宝藏

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
周二的学习

1.JS背景 <style> input{ width: 300px; text-align: left; } </style><body> <ul> <li><input type="button" name="list" value="li+1"></li> <li>&
复制链接

扫一扫