在行javascript中添加数字

时间:2015-10-27 22:23:33

标签: javascript

我对javascript相对较新。这是我参加本课程的第三个月,现在我们正在制作高尔夫记分卡。我有一张桌子,上面有高尔夫记分卡数据。

洞1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

蓝色:494 217 445 226 391 385 488 173 419 488 205 491 384 175 437 224 441 491

白色:478 206 436 189 372 371 452 159 393 438 185 479 370 150 422 195 429 471

Par:5 3 4 3 4 4 5 3 4 5 3 5 4 3 4 3 4 5

红色:463 174 422 154 356 355 421 148 374 434 166 467 357 131 361 161 383 455

使用此

显示码数
    function addInfo(num) {
    document.getElementById(num + 23).innerHTML = model.course.holes[num].tee_boxes[0].yards;
    document.getElementById(num + 45).innerHTML = model.course.holes[num].tee_boxes[1].yards;
    document.getElementById(num + 111).innerHTML = model.course.holes[num].tee_boxes[0].par;
    document.getElementById(num + 177).innerHTML = model.course.holes[num].tee_boxes[2].yards;

}

我想为蓝色白色和红色T恤盒创建一个总盒子。如何将T恤盒的所有码数加在一起。 我可以这样做一行,但它不是动态的:

    document.getElementById(43).innerHTML = (+(document.getElementById(23).innerHTML)+ +(document.getElementById(24).innerHTML)+ +(document.getElementById(25).innerHTML)+ +(document.getElementById(26).innerHTML)+ +(document.getElementById(27).innerHTML)+ +(document.getElementById(28).innerHTML)+ +(document.getElementById(29).innerHTML)+ +(document.getElementById(30).innerHTML)+ +(document.getElementById(31).innerHTML)+ +(document.getElementById(32).innerHTML)+ +(document.getElementById(33).innerHTML)+ +(document.getElementById(34).innerHTML)+ +(document.getElementById(35).innerHTML)+ +(document.getElementById(36).innerHTML)+ +(document.getElementById(37).innerHTML)+ +(document.getElementById(38).innerHTML)+ +(document.getElementById(39).innerHTML)+ +(document.getElementById(40).innerHTML));

1 个答案:

答案 0 :(得分:0)

创建一个输入类型来存储3件事:

    <input type="hidden" value="0" id="blueScore1"/>
    <input type="hidden" value="0" id="blueScore2"/>
    <input type="hidden" value="0" id="blueTotalScore"/>

为每种颜色执行此操作,然后在完成此操作后,创建一个if else语句,指出您正在使用哪些输入ID。所以前面的9个ID得分1,后面的9个得分为2,总数是加在一起的。

最后,您存储信息的方式是:

    var blueTotalScore = (+(document.getElementById("blueTotalScore").value) + +(model.course.holes[num].tee_boxes[0].yards);
    document.getElementById("43).innerHTML = blueTotalScore;

然后只为每个得分和颜色做到这一点。