Question

我希望能够显示按钮＃1，按钮＃2的onclick计数，并显示按钮＃1 +按钮＃2的点击总和。到目前为止，我所能展示的只是总和。

HTML

 <button id="1" onclick = "countCar('ferrari');">Button#1</button>
 <a>Ferraris</a><span id="ferrariCount"></span>

 <a id="showSum">SUM<span id="carCount"></span></a>

 <button id="2" onclick = "countCar('toyota');">Button#2</button>
 <a>Toyotas</a><span id="toyotaCount"></span>

的Javascript

  var carCount = 0; 
  var ferrariCount = 0;
  var toyotaCount = 0;
  function countCar(type)

  {
    carCount = carCount + 1;
    document.getElementById('carCount').innerHTML = carCount;

    ferrariCount = ferrariCount + 1;
    toyotaCount = toyotaCount + 1;

     if(type =='ferrari'){document.getElementById('ferrariCount').innerHTML = ferrariCount;
             }else{
             document.getElementById('toyotaCount').innerHTML = toyotaCount;}
  };

Answer 1

并改变

document.getElementById（'toyotaCount'）。 innterHTML = toyotaCount;}

Answer 2

if（type ='1'）

为什么要使用它？

应该改为

if（type ==='ferrari'）然后它会起作用。

它的innerHTML也有些错字

Answer 3

你的代码有点多余，所以我的结构如下：

var counts = {
  'ferrari': 0,
  'toyota': 0,
  'total': 0
};

function countCar(type) {
  document.getElementById('carCount').innerHTML = ++counts['total'];
  document.getElementById(type + 'Count').innerHTML = ++counts[type];
}

不是使用大量的全局变量，而是创建和反对将数字存储在那里。它使您的代码更清晰，更易于阅读。

显示每个按钮的点击次数和总和

3 个答案: