当我使用json信息将javascript添加到同一文件时，我的javascript幻灯片消失了

Question

我有一个可以正常播放的幻灯片，但是当我添加使用json文件中信息的JavaScript时，幻灯片消失了。

我尝试检查代码，但只显示“无法加载资源”

用于从json文件中收集信息的javascript代码：

      <script>
        const main = document.querySelector("main"); // Variabel som referer til mian-elementet
        // Referanser til databasen
        const db = firebase.database();
        const godteri = db.ref("godteri"); // Referer til alt som ligger under sko i databasen

        function visGodteri(snapshot){  //funksjonen som generer html kode for pokemonen vår
            //Javascript-funksjon som skriver varene ut på nettsiden i main-elementet

            let godteSnap = snapshot.val();
            let key = snapshot.key;

            main.innerHTML +=`
                <article class="Godteri">
                  <h1>${godteSnap.Name}</h1>
                  <img src="${godteSnap.ImageURL}" alt="">
                  <p>${godteSnap.Type1} - ${godteSnap.Type2}</p>
                  <a href="godtestats.html?id=${key}">les mer</a>
                </article>
            `;
        }

        function visAlle(){
          main.innerHTML = ``
          godteri.on("child_added",visGodteri);
        }

        visAlle();
        function visGreen(){
          main.innerHTML = ``
          candy.orderByChild("Farge").equalTo("Green").on("child_added",visCandy);
          candy.orderByChild("Form").equalTo("Chewy").on("child_added",visCandy);
        }
    </script>

// godteri =挪威语中的糖果

我希望用于json文件的javascript代码有问题，我已经验证了json，所以我知道该文件没有问题。