时间戳

首页 > 解决方案 > 如何在 chrome 应用中刷新 chrome 应用

javascript - 如何在 chrome 应用中刷新 chrome 应用

问题描述

所以，我正在开发一个 chrome 应用程序，它根据距离和时间计算稻草火箭的速度。我需要知道如何在每次计算后使用按钮重置它（或一些简单的方法来重置代码）。这是我的主要代码：

窗口.html

<!DOCTYPE html>
<html>
        <head>
            <script src="calc.js"></script>
        </head>
        <body>
            <!-- First heading instructions -->
            <h1>Enter the speed and distance the rocket traveled</h1>
            <!-- The inputs -->
            <input id="T" placeholder="Time">
            <input id="D" placeholder="Distance in feet">
            <!-- submit -->
            <a id="L">Submit</a>
            <!-- The place where the js ccan put the output -->
            <p id="O"></p>
        </body>
</html>

计算.js

function calc() {
    //the time input
    var t = document.getElementById("T").value;
    //the distance input
    var d = document.getElementById("D").value;
    //whatever that number you gave me is for
    var x = 0.681818;
    //your formula in operation
    var fo = t / d
    var o = fo * x
    //gets the output element, and enters o
    document.getElementById("O").innerHTML = o;
};

document.addEventListener('DOMContentLoaded', function() {
    var L = document.getElementById('L');
    // onClick's logic below:
    L.addEventListener('click', function() {


        calc();

    });
});

背景.js

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'outerBounds': {
      'width': 400,
      'height': 500
    }
  });
});

很高兴在今天（5 月 17 日）上午 11:45 之前知道这一点，谢谢

编辑

我在科罗拉多州，所以是 MDT 时区

编辑

早点知道就好了，但我可以等到以后。

请不要取笑我，我是 Stack Overflow 和编码的新手

标签： javascripthtmlgoogle-chrome-app

解决方案

我找到了解决方案

我需要做的就是添加另一个脚本，而不是清除输出的 innerHTML

我添加了

<script src="reload.js"></script>

和

<a id="L2">Clear</a>

到我的 html 和 reload.js 是

function reload(){
    document.getElementById("O").innerHTML= '';
};

document.addEventListener('DOMContentLoaded', function() {
    var L2 = document.getElementById('L2');
    // onClick's logic below:
    L2.addEventListener('click', function() {


        reload();

    });
});

感谢所有帮助过的人！

推荐阅读