js学习-实现简单计算器

script的简单运用，实现简单计算器

html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单计算器</title>
<style type="text/css">
    input{
        width: 100px;
        font-size: 20px;
    }
    select,span{
        font-size: 20px;
    }
</style>
</head>
<body>
    <div>
    <input type="text" name="" id="num1" value="" />
    <select name="运算符号" id="yunsuanf">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="÷">/</option>
    </select>
    <input type="number"   id="num2" value=""/>
    <span>=</span>
    <input type="number"   id="dd3" value=""  placeholder="显示结果"  disabled="disabled" />
    <button type="button" onclick="jisuan()">点击计算</button>
    <br><br>
    <!-- <div id="dd3">
         计算的结果是:
     </div> -->
</div>
<script >
    function jisuan() {
        var dd1=document.getElementById('num1').value
        ddd1=parseFloat(dd1)
        // parseFloat 是解析字符串并返回浮点数。指定字符串中的第一个字符是否为数字。如果是，它会解析字符串直到到达数字的末尾，并将数字作为数字而不是字符串返回。只返回字符串中的第一个数字！如果第一个字符不能转换为数字，parseFloat() 返回 NaN。使用isNaN(numValue)判断，如果值是 NaN， 那么 isNaN 函数返回 true ，否则返回 false
        var dd2=document.getElementById('num2').value
        ddd2=parseFloat(dd2)
        var jieguo=document.getElementById('dd3')
        var ysf= document.getElementById('yunsuanf').value
        if (isNaN(ddd1)){
            alert('请输入纯数字')
        } else
        if(ysf=='+'){
           jieguo.value=ddd1+ddd2
        }else if(ysf=='-'){
            jieguo.value=ddd1-ddd2
        }else if(ysf=='*'){
            jieguo.value=ddd1*ddd2
        }else {
            jieguo.value=ddd1/ddd2
        }
    }
</script>
</body>
</html>
script的简单运用，实现简单计算器

更多相关文章

随机推荐
