javascript - 在 HTML 中使用 javascript 函数

标签 javascript

我正在创建一个小网页,它将两个输入字段添加在一起并将结果放置在另一个输入字段中。这就是我所拥有的:

<html>
<head>
    <title>Calculator</title>

    <script type="text/javascript">
        function add(){
            var num1 = parseInt(document.calc.num1.value);
            var num2 = parseInt(document.calc.num2.value);
            var answer = (num1+num2);
            document.getElementById('res').value = answer;
        }
    </script>
</HEAD>

<BODY>
    <FORM NAME="calc">
        <INPUT TYPE ="button" NAME="add" Value="+" onClick="add()">
        <hr/>
        <INPUT TYPE ="text" NAME="num1" Value="">
        <INPUT TYPE ="text" NAME="num2" Value="">  
        <hr/>
        <INPUT TYPE ="text" ID="res" NAME="result" VALUE="">
    </FORM>
</BODY>
</HTML>

当我按下 + 按钮时,出现以下错误。

Uncaught TypeError: object is not a function 

最佳答案

尝试将函数名称从 add 更改为 addNumbers 或类似名称。

关于javascript - 在 HTML 中使用 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22306524/

相关文章:

javascript - 无法通过javascript更改html属性

javascript - 闭包的全局对象

javascript - 可以在不从 "columns"数组中删除 SlickGrid 列的情况下隐藏它吗?

javascript - 如何以 12 小时 AM/PM 格式添加 24 小时选项?

javascript - 使用Javascript删除类名下的内容

javascript - 如何读取 Button 组件的 propTypes 的值

javascript - 如何从变换属性中仅删除比例?

javascript - 输入类型编号使用逗号 - 将点更改为逗号

javascript - 如何在CSS中的内联 block 中显示垂直溢出的元素

javascript - 检查有多少圆圈与另一个圆圈发生碰撞