使用函數單擊按鈕時更改全局變量

Question

每次單擊按鈕時都嘗試更新cartSummary。 （按鈕正在工作，但是當在函數外部調用時，cartSummary不會更新）有多個按鈕，這就是為什么我需要能夠更新cartSummary。

var price = 0;
var totalPrice = 0;

var cartSummary = "";

function addProduct1() {
    price = product1.price;
    cartSummary = cartSummary + product1.name + " €" + product1.price + "\n";
    document.getElementById("demo").innerHTML = cartSummary;
}

function addProduct1() {
    price = product1.price;
    cartSummary = cartSummary + product1.name + " €" + product1.price + "\n";
    document.getElementById("demo").innerHTML = cartSummary;
}

document.getElementById("demo").innerHTML = cartSummary;

有多個按鈕，這就是為什么我需要能夠更新cartSummary。

Answer 1

您已經定義了兩次addProduct1函數。 我假設您打算為每個函數使用不同的名稱。

除此之外，每次調用addProduct1函數時， addProduct1重寫cartSummary的值。

替換聲明

cartSummary = cartSummary + product1.name + " €" + product1.price + "\n";

同

cartSummary += product1.name + " €" + product1.price + "\n";

請注意cartSummary +=附加字符串而不是重寫的部分。

Answer 2

在按鈕外面，如果你想讓dom操作工作，你需要等待DOM准備好。 您嘗試以下方法使其工作。

document.addEventListener("DOMContentLoaded", function(event) {
    // Your code to run since DOM is loaded and ready
    document.getElementById("demo").innerHTML = cartSummary; 
});

or
$(document).ready(function() {
    document.getElementById("demo").innerHTML = cartSummary; 
});