如何使用JavaScript进行简单计算?

时间:2012-06-02 14:31:09

标签: javascript html

如何使用JavaScript进行简单计算?因为我是初学者。

我想计算相同输入字段中的值。

例如,在输入字段中,我输入了诸如"之类的值。 3 + 4 * 2",然后我点击按钮,相同的输入字段将显示结果,如" 11"。

这是我的代码,但不起作用。

我的输入类型="文字"和id =" expr"

我的按钮类型="按钮" ,value ="计算",onclick =" getAnswer();"

这是我的javascript代码。

function getAnswer(){

    val = eval(document.expr.value);
    document.expr.value = val; 

}
但是我没有工作。

2 个答案:

答案 0 :(得分:2)

document.expr很可能不存在。

为您的输入标记添加ID并使用document.getElementById('blah')代替,或者如果字段位于表单内,请使用document.forms.FORMNAME.expr

演示:http://jsfiddle.net/ThiefMaster/kRdJH/

答案 1 :(得分:0)

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
    function calc(){
        //eval('var result = '+document.getElementById('expr').value +';');
        // EDIT:
        var result = eval(document.getElementById('expr').value);
        alert(result);
    }
    </script>
</head>
<body>
<input type="text" id="expr" />
<input type="button" value="click" onclick="calc();" />
</body>
</html>