Question

我的目标是在单击按钮到输入框时添加简单文本。我已经尝试过那里的一切。

代码实际工作的唯一时间是我将“addEventListener”放在.js文件的out范围内的按钮上，但它只工作一次而不是因为我点击它。

这是代码snipet。

的manifest.json

{
  "manifest_version": 2,
  "name": "Crm Goal Checker",
  "description": "This App Checks",
  "version": "1.0",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "Click here!"
  },
  "permissions": [
    "activeTab",
    "storage"
  ]
}

popup.html

    <!doctype html>
    <html>
      <head>
        <title>Sample</title>
        <style type="text/css">
         body {
        margin: 10px;
        white-space: nowrap;
      }

      h1 {
        font-size: 15px;
      }

      input {
      margin: 10px;
       width: 28px;
      }
      #container {
        align-items: center;
        display: flex;
        justify-content: space-between;
      }
    </style>
<script language="javascript" src="popup.js"></script>
  </head>
  <body>

    <h1>Goals List</h1>
    <div id="container">
      <span>Weekly Goal</span>
      <input id="textBox" type="text" value="" readonly="readonly"/>
      <span>Currently At</span>
      <input type="text" value="3" readonly="readonly"/>
    </div>
    <button id="buttonId">Click</>
  </body>
</html>

popup.js

function changeText() {
    document.getElementById('textBox').value += '4';
}


 if(document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', function (){
      document.getElementById("buttonId").addEventListener('click', 
      changeText());
     },false);
    }
    else{
      document.getElementById("buttonId").addEventListener('click', 
      changeText());
    }

无法在弹出菜单中获取按钮以使Chrome扩展工作

0 个答案: