帶有 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