javascript - 如何防止这些值重写到 HTML 中？

Question

我有一小段代码正在将一些值写入表单内的文本区域。每当我单击按钮时就会写入。但是，如果我多次单击按钮，他们就会一遍又一遍地写。我需要能够多次单击按钮(例如，如果用户更改值)，并且我正在编写的值只是刷新而不是重复。这是我所拥有的...

var endwallPanelLengths = [totalHeightInches];
    var i = 0;
    while (endwallPanelLengths[i] > eaveInches) 
    {
        endwallPanelLengths.push(endwallPanelLengths[i] - peakHeightDecrease);
        document.getElementById("test83").value += "4 - " + endwallPanelLengths[i] + "\n";
        i++;
    } 

当我第一次单击按钮时，这些值是正确的，但是每次我单击它后它们都会再次写入？

Answer 1

在这一行中:

    document.getElementById("test83").value += "4 - " + endwallPanelLengths[i] + "\n";

您正在将一个值附加到 test83。大概(因为我看不到你的 html!!!)你只需要从 += 中删除 + 即可。

编辑:如果您想在循环中附加所有值，而不是其他值，只需在进入循环之前清除该值并保留 +=

document.getElementById("test83").value = "";
var endwallPanelLengths = [totalHeightInches];
......