js 计算器

最新推荐文章于 2022-06-08 20:44:43 发布

余生I

最新推荐文章于 2022-06-08 20:44:43 发布

阅读量6.4k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_39357892/article/details/78082930

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            background: red;
        }
    </style>
</head>
<body>
<ul>性别：<span id="sex"></span></ul>
<ul>生日：<span id="birth"></span></ul>
<ul>年龄：<span id="age"></span></ul>
<input type="button" id="sv" value="搜索" οnclick="bt()" >
<input type="text" id="sr" value="140623199707201017" >
<div οnclick="dd()" id="d"></div>
<input type="text" id="first">
<select><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="last">
<button οnclick="change()">计算</button>
<p id="result"></p>
<script>
        function bt() {
            var v=document.getElementById("sr").value;
            if(parseInt(v[v.length-2])%2==0)
            {
                document.getElementById("sex").innerHTML="女";
            }else{
                document.getElementById("sex").innerHTML="男";
            }
            var brith=v.slice(6,14);
            document.getElementById("birth").innerHTML=brith;
            var age=v.slice(6,10);
            var  year=new Date().getFullYear();
            document.getElementById("age").innerHTML=year-age;
        }
        var i=true;
        function dd() {

            var div=document.getElementById("d");

            if(i==true)
            {
               div.style.background="blue";
               i=false;
            }else{
                div.style.background="red";
                i=true;
            }

        }
        function change() {
            var first=document.getElementById("first");
            var Fa=parseInt(first.value);
            var last=document.getElementById("last");
            var La=parseInt(last.value);
            var select=document.getElementsByTagName("select")[0].value;
            var svalue=parseInt(select);
            var result=document.getElementById("result");
            switch (svalue)
            {
                case 1:
                    result.innerHTML=Fa+La;
                    break;
                case 2:
                    result.innerHTML=Fa-La;
                    break;
                case 3:
                    result.innerHTML=Fa*La;
                    break;
                case 4:
                    result.innerHTML=Fa/La;
                    break;
                case 5:
                    result.innerHTML=Fa%La;
                    break;
            }
        }

</script>
</body>
</html>

余生I

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 计算器

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> div{ width: 200px; height: 200px; background: red; } styl
复制链接

扫一扫