javascript - 计算价格 JavaScript

Question

我一直在用 JavaScript 计算价格。如果我喜欢这个按钮，它会打印价格，但单击两次后它会显示相同的价格。但它需要例如:39 + 39 + 39 = 价格。但它只显示 39..

document.getElementById("btn").onclick = function()
{
     price ();
}

function price()
{
     var type = document.getElementById("tickettype").value;
     var price;

     switch(type)
     {
          case "normal":
          price=39;
          break;

          case "vip":
          price=99;
          break;
     }

     var totaal = price;

     printPrice(totaal);
}

function printPrice(p_totaal)
{
     document.getElementById("totalprice").innerHTML = p_totaal;
}

Answer 1

您必须在 price() 范围之外定义 total 变量，例如:

document.getElementById("btn").onclick = function()
{
     price ();
}
var totaal = 0; // Changed here
function price()
{
     var type = document.getElementById("tickettype").value;
     var price;

     switch(type)
     {
          case "normal":
          price=39;
          break;

          case "vip":
          price=99;
          break;
     }
     totaal += price; // Changed here
     printPrice(totaal);
}

function printPrice(p_totaal)
{
     document.getElementById("totalprice").innerHTML = p_totaal;
}

您所做的是重新定义变量，并且不增加全局变量。