带有离线JavaScript的PWA

Question

我已从Google教程https://codelabs.developers.google.com/codelabs/your-first-pwapp/#8复制了该应用，并添加了一段代码：

<button onclick="fWrite()">
    Test
</button>

<div id="test"> ABC </div>

<script>
    function fWrite()
    {
        if (document.getElementById("test").innerHTML == "ABC")
        {
            document.getElementById("test").innerHTML = "DEF";
        }
        else
        {
            document.getElementById("test").innerHTML = "ABC";
        }

    }
</script>

但是该脚本只能在线运行。将页面添加到主屏幕并下载后，无法按下该按钮。如何使其脱机工作？

我要作为应用程序脱机工作的网站：http://diverse.azurewebsites.net/