如何在Chrome应用中刷新Chrome应用

问题描述 投票:0回答:1

所以,我正在开发一个镀铬应用程序,它根据距离和时间计算出一根吸管火箭的速度。我需要知道如何在每次计算后使用按钮重置它(或者一些简单的方法来重置代码)。这是我的主要代码:

window.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>

calc.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();

    });
});

background.js

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

今天上午11点45分(5月17日)知道这件事会很高兴谢谢

编辑

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

编辑

很快就会知道它,但我可以等到以后。

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

javascript html google-chrome-app
1个回答
0
投票

我找到了解决方案

我需要做的就是添加另一个脚本,而不是清除输出的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();

    });
});

感谢所有帮助过的人!

© www.soinside.com 2019 - 2024. All rights reserved.