Как настроить таргетинг на три идентификатора с одной и той же функцией?

Question

Я пытаюсь применить ту же функцию к трем различным идентификаторам. Я создал скрипку, чтобы проиллюстрировать это: https://jsfiddle.net/jnoweb/xrpsshcp/

var game = {score:0}, 
scoreDisplay = document.getElementById("score1"); 

function add20() { 
    TweenLite.to(game, 1, { 
     score:"+=20", 
     roundProps:"score", 
     onUpdate:updateHandler, 
     ease:Linear.easeNone 
    }); 
} 

function updateHandler() { 
    scoreDisplay.innerHTML = game.score; 
} 

add20(); 

Так что я пытаюсь оживить черные цифры таким же образом, как и красное число. Есть идеи?

Спасибо!

Answer 1

Шаг 1: Оформить Array элементов, хранить его в scoreDisplay, как вы делали с первым элементом.

scoreDisplay = [ 
    document.getElementById("score1"), 
    document.getElementById("score2"), 
    document.getElementById("score3") 
]; 

Шаг 2: выполнить вашу функцию обновления для каждого элемента, с помощью Array.prototype.forEach:

function updateHandler() { 
    scoreDisplay.forEach(function(display) { 
    display.innerHTML = game.score; 
    }); 
} 

В вашей скрипке: https://jsfiddle.net/ku72qy7e/