SO - 15194117

HTML

<div id="test-0"></div>
<div id="test-1"></div>
<div id="test-2"></div>
<div id="test-3"></div>

<div id="ball-0"></div>
<div id="ball-1"></div>
<div id="ball-2"></div>
<div id="ball-3"></div>

JavaScript

function myNumbers(numbers, type) {
    for (var x = 0, n = numbers.length; x != n; ++x) {
        var nr = numbers[x], 
            el = document.getElementById(type + x),
            color;
        
       el.innerHTML = nr;
       
        if (nr > 0) {
            if (nr <= 10) {
                color = 'red';
            } else if (nr <= 20) {
                color = 'blue';
            } else if (nr <= 30) {
                color = 'orange';
            } else if (nr <= 40) {
                color = 'green';
            }
        }
        if (color) {
            el.style.color = color;
        }
    } 
}

myNumbers([5, 15, 25, 35], 'test-')