Почему не работает код (JavaScript)?

Question

[BEKa T]

Почему когда цвет указываю в HEX (#ffffff) не работает, а словом работает (red, green)
6, 7, 9, 15 строки
не работает
работает

Comments

[Николай Чуприк]

У меня оба варианта работают.

Answer 1

[Somewhere Intech]

element.style.backgroundColor возвращает результат в виде 'rgb(red,green,blue)'
Нужно перевести сначала в hex

function rgb2hex(rgb) {
    rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
    function hex(x) {
        return ("0" + parseInt(x).toString(16)).slice(-2);
    }
    return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

color = color.indexOf("rgb") !== -1 ? rgb2hex(color) : color;

И варианты цвета задавать в нижнем регистре "#0acf00"

Comments

[BEKa T]

А почему раньше таких проблем не было?

[Somewhere Intech]

Это от браузера зависит, попробуйте на разных браузерах.

[Somewhere Intech]

Стиль лучше брать

let style = getComputedStyle(document.getElementById('radio'));

В вашем примере(до изменения свойства) backgroundColor === ''. После того, как впервые измените его - возвращает действительный цвет. Т.е. это область видимости JS: в element.style видны только те свойства, которые менялись через JS. Но на работоспособность в вашем примере это никак не влияет.