谷歌应用帮助?无法制作按钮

Google App Help? Can't make button

本文关键字：按钮 应用 帮助 谷歌      更新时间：2023-09-26

我对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="answerswer"><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;  
 }

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

document.getElementById('add').addEventHandler('click', function() {
    ...
}
相关文章：