JavaScript获取输入框内容

Posted 2021-01-28 F

html：

<input name="money" type="number" placeholder="税前工资"><br>
    <button onclick="calc()">计算</button>
    <p></p>

javascript：

<script>
        function calc() {
            // Math.random()
            // Math.floor()
            var input = document.getElementsByName(‘money‘)[0]
            // 获取输入框中的数据
            value  =input.value
            // 转换成整数parseInt()或者小数parseFloat()
            value = parseInt(value)
            // 计算五险一金,计算税额 显示缴纳税额/五险一金/到手工资
            document.getElementsByTagName(‘p‘)[0].innerText = ‘税后工资:‘+(value*0.8)
        }
    </script>