带有 Chrome 扩展程序的 onClick 不起作用

Question

所以当涉及到 java 脚本和创建 chrome 扩展时，我很新。 所以我想要做的是取用户输入的两个值，将它们加在一起并在用户点击计算后显示。 但是我似乎无法让它工作，我不知道我做错了什么。 我将不胜感激任何帮助。

这是我的 HTML 代码：

<!DOCTYPE html>
    <html>
        <head>
            <h1>Simple Calculator</h1>
            <script src="script.js"></script>
        </head>
        <body>
            First Value<input type="text" id="ValueA"/><br>
            Second Value<input type="text" id="ValueB"/><br>

            Invested Cost<input type="text" id="result"/><br>
            <button id="Calc;">Calculate</button>
        </body>
    </html>

我的Java脚本：

document.getElementById("Calc").addEventListener("click", Sum);

function Calc()
        {
            var A = document.getElementById('ValueA').value;
            var B = document.getElementById('ValueB').value;
            var C = A+B;
            document.getElementById('result').value = C;
        }

最后是我的清单：

{
    "manifest_version": 2,
    "name": "Simple Calculator",
    "version": "1.0",
    "description":  "Simple Calculator",

    "browser_action":{
        "default_popup": "popup.html"
    }

}

Answer 1

您需要在事件侦听器中调用Calc()函数。 现在，您正在调用Sum

另外，正如@Julian 在评论中所说，您需要删除; 从按钮 ID

带有 Chrome 扩展程序的 onClick 不起作用

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-02-17 10:13:30

带有 Chrome 扩展程序的 onClick 不起作用

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-02-17 10:13:30

解决方案1
0 已采纳 2020-02-17 10:13:30