Нуждаюсь в поддержке с проектом, пожалуйста!

var colorList = document.getElementById('color_list'),
    colors = {
        'Красный' : '#f00',
        'Жёлтый' : '#ff0',
        'Зеленый' : '#008000'
    };
colorList.onclick = function(e){
    var li = e.target,
        nextLi = li.nextElementSibling,
        txtColor = nextLi ? colors[nextLi.innerHTML] : colors[this.firstElementChild.innerHTML];
    document.body.style.backgroundColor = colors[li.innerHTML];
    this.style.color = txtColor;
    // или li.style.color = txtColor;, если цвет текста только для текущего элемента
};

var d = document,
    colorList = d.getElementById('color_list'),
    header = d.getElementById('header'),
    colors = {
        'Красный' : '#f00',
        'Жёлтый' : '#ff0',
        'Зеленый' : '#008000'
    };
header.innerHTML = 'Шапка (не ушанка)';
colorList.onclick = function(e){
    var li = e.target,
        nextLi = li.nextElementSibling,
        txtColor = nextLi ? colors[nextLi.innerHTML] : colors[this.firstElementChild.innerHTML];
    d.body.style.backgroundColor = colors[li.innerHTML];
    header.style.color = txtColor;
};

var d = document,
    colorList = d.getElementById('color_list'),
    header = d.getElementById('header');
function getColor(c){
    switch(c){
        case 'Красный':
            return '#f00';
        case 'Жёлтый':
            return '#ff0';
        case 'Зеленый':
            return '#060';
        default: 
            return '#fff';
    }
}
header.innerHTML = 'Шапка (не ушанка)';
colorList.onclick = function(e){
    var li = e.target,
        nextLi = li.nextElementSibling,
        txtColor = getColor(nextLi ? nextLi.innerHTML : this.firstElementChild.innerHTML);
    d.body.style.backgroundColor = getColor(li.innerHTML);
    header.style.color = txtColor;
};