javascript - 无法在javascript中创建变量

Question

我正在创建一个应用程序，它会在扫描条形码时告诉您产品的价格。基本上，当扫描条形码时，它会进入文本字段，然后根据它是哪个条形码，文本区域将通过 javascript 将价格放入其中。我已经让它工作了，但我似乎无法创建某个变量来避免我以后查看大量代码。

这是我的javascript:

function showPrice() {
    var userInput = document.getElementById('barcode').value;
    var price = document.getElementById('textarea').innerHTML;
    if (userInput === "783466209834") {
        price = "16.99";
    } else {
        price = "Not a valid barcode";
    }
}

这是我的 HTML:

<input type="text" name="text" class="textinput" id="barcode">
<input type="button" onclick="showPrice()" value="Submit">
<textarea name="" cols="" rows="" readonly="readonly" id="textarea"></textarea>

现在，我的代码无法正常工作，但如果我删除

var price = document.getElementById('textarea').innerHTML;  

并分别替换if语句中的“price”，就可以了。我不确定为什么我不能创建这个价格变量。

Answer 1

因为您将 innerHTML 的值存储为变量，而不是存储对它的引用。

将其更改为 var textarea = document.getElementById('textarea'); 然后 textarea.innerHTML = "16.99" 等等。