Chrome 应用程序/内联脚本答案

【问题标题】：Chrome apps/inline scripitingChrome 应用程序/内联脚本
【发布时间】：2014-07-31 20:02:37
【问题描述】：

他们只教我们如何在学校内嵌脚本，所以我在网上寻找。我找到了一些东西，但它不起作用。
我现在的代码：DEMO FIDDLE

<title>DPS</title>
<body>
    <form id="value-input">
        <input type="text" name="damage" id="damage" placeholder="Damage">
        <input type="text" name="firerate" id="firerate" placeholder="Firerate">
        <input type="button" id="submit" value="Calculate">
        <input type="reset">
    </form>
    <script src="main.js"></script>
</body>


function calc() {
   var damage = document.getElementById('damage');
   var firerate = document.getElementById('firerate');
   alert(newFirerate * newDamage);
}

document.querySelector('submit').addEventListener('onClick', calc);

这真的很基础，只是学习如何开发 Chrome 应用程序，而不使用内联脚本。

【问题讨论】：

stackoverflow.com/questions/10607847/…

标签： javascript html google-chrome-app inline-code

【解决方案1】：

我可以看到这里有一些错误。

首先，您目前没有从输入中获取值，而只是获取输入本身。改为这样做：

var damage = document.getElementId('damage').value;
var firerate = document.getElementById('firerate').value;

接下来，在您的警报中，您正在使用尚未在任何地方定义的变量“newFirerate”和“newDamage”。我假设你想使用你已经定义的那些：

alert(firerate * damage);

最后，在您的事件监听器中，将 'onClick' 更改为 'click'。

编辑：将事件侦听器从“提交”添加到“#submit”时，还要更改查询选择器。

【讨论】：

谢谢。我修复了所有这些错误，但它仍然不起作用。不在浏览器中，也不在打包的应用程序中。
哦，我完全忘记了.. 编辑答案。还有一件事。添加事件侦听器（以及在许多其他情况下）时，您必须在选择器中指定它是 ID 还是类，方法是添加“#”或“。”在选择器字符串的开头。
谢谢！现在完美运行