使用Chrome扩展的onClick无法正常工作
使用Chrome扩展的onClick无法正常工作
提问于 2020-02-17 18:08:04
所以当涉及到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"
}
}Stack Overflow用户
回答已采纳
发布于 2020-02-17 18:13:31
您需要在事件监听器中调用Calc()函数。现在，您正在调用Sum
此外，正如@Julian在评论中所说，您需要从按钮id中删除;
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60260070
复制相关文章
相似问题
腾讯云开发者
