Aggiungi numeri in fila javascript - javascript

Sono relativamente nuovo per javascript. Questo è il mio terzo mese in questa classe che sto prendendo e in questo momento stiamo facendo una carta da golf. Ho un tavolo che contiene i dati della carta da golf.

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

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

Bianco: 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

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

Le yard appaiono usando questo

    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;

}

Voglio creare una scatola totale per le scatole blu tee bianche e rosse.Come posso aggiungere tutte le yard per le scatole tee come appaiono. Posso farlo per una riga, ma non è dinamico:

    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));

risposte:

Crea un tipo di input per memorizzare 3 cose:

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

Fallo per ogni colore, poi dopo averlo fattoper fare una dichiarazione if if suggerisce quali id ​​di input stai usando. quindi i primi 9 ID vanno al punteggio1 il 9 indietro vanno al punteggio 2 e il totale li sommano.

Infine, il modo in cui memorizzi le informazioni è:

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

quindi fallo per ogni spartito e colore.