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 个答案: