小编Iva*_*van的帖子

我正在开发一个非常简单的应用程序，用于跟踪使用的数字或条形码。

计算出条形码的数量后，我使用 Javascript 函数将其显示到 UI insertAdjacentHTML，并使用所需的 HTML 创建一个 div，尽管我似乎找不到一种方法来每次都替换 DIV，而不是创建它另一个例子，另一个例子，另一个例子。

我认为这可能是一个范围问题，但我找不到解决方案。

const myForm = document.getElementById("form_barCodeAdmin");

myForm.addEventListener("submit", (e) => {
    let startRange, endRange, quantity;

    e.preventDefault(); // Prevents web page from reloading.

    startRange = document.getElementById("start__range").value;
    endRange = document.getElementById("end__range").value;



    if(endRange > startRange){

        quantity = endRange - startRange;

        let html = `<div class="alert alert-warning" id="quantity__range">Quantity Barcodes: %quantity% </div>`;

        replacedHTML = html.replace('%quantity%', quantity);
        document.getElementById("range__Results").insertAdjacentHTML('beforeend', replacedHTML);


        // if html is not empty then delete Node and run Insert html function. Else run Function. 

    } else …