谷歌应用帮助？无法制作按钮[重复]答案

【问题标题】：Google App Help? Can't make button [duplicate]谷歌应用帮助？无法制作按钮[重复]
【发布时间】：2016-02-03 08:30:15
【问题描述】：

我对 java 脚本和 html 非常陌生，我现在的项目是制作一个简单的计算器，但是，我无法让我的按钮输出答案，我似乎无法弄清楚原因

我的 HTML 代码是：

    <html>
    <head>
    <title>Calculator</title>
    <link rel="stylesheet" href="styles.css">
    </head>

    <body>

    First Number:<br>
   <input type ="number" id="num1"><br>
   Second Number:<br>
  <input type ="number" id="num2"><br>
  Answer:<br>
  <input type= "number" id="answer"><br>


<button id ="add" onclick="add()"> + </button>
  <button id ="subtract" onclick="subtract()"> - </button>
    <button id ="divide" onclick="divide()"> / </button>
      <button id ="multiply" onclick="multiply()"> * </button>


     <script src="main.js"></script>
    </body>
    </html>

我的js代码是

 var num1 = document.getElementById('num1').value;
 var num2 = document.getElementById('num2').value;
 var ans = document.getElementById('answer').value;

 function add(){
   ans = num1 + num2;

 document.getElementById('answer').value = ans;  
 }

 function subtract(){
   ans = num1 - num2;

 document.getElementById('answer').value = ans;  
 }

 function divide(){
   ans = num1 / num2;

 document.getElementById('answer').value = ans;  
 }

 function multiply(){
   ans = num1 * num2;

 document.getElementById('answer').value = ans;  
 }

【问题讨论】：

标签： javascript html google-chrome google-chrome-extension

【解决方案1】：

chrome 扩展程序/应用程序不允许内联定义事件处理程序 (https://developer.chrome.com/extensions/contentSecurityPolicy#JSExecution)。使用类似的东西：

document.getElementById('add').addEventHandler('click', function() {
    ...
}

【讨论】：