Changing the color based on its value

Question

I'm trying to get the value of cookies enabled to turn red if false or green if true but I've only been able to change the color regardless if it's true or false, is there another way around this using JS?

Or if you were to take it one step further, is it possible to put in an image (red X or green Tick) after the value?

HTML

<table class="table"> <tr> <td>Cookies Enabled:</td> <td id="cookie"></td> </tr> </table>

JS

var Cookies; { if (navigator.cookieEnabled) { Cookies = "True"; } else { Cookies = "False"; } } window.onload = function () { document.getElementById("cookie").innerHTML = Cookies; }

mplungjan · Accepted Answer · 2015-06-12 09:07:34Z

This should be simple enough:

window.onload = function() { var cookieElem = document.getElementById('cookie'); if (navigator.cookieEnabled) { cookieElem.classList.add('green'); cookieElem.innerHTML = 'True'; } else { cookieElem.classList.add('red'); cookieElem.innerHTML = 'False'; } }

#cookie.green { color: green; } #cookie.red { color: red; }

<table class="table"> <tr> <td>Cookies Enabled:</td> <td id="cookie"></td> </tr> </table>

Funny, when I disable cookies (I wanted to test this), Run code snippet is no longer available to me. Why does it need cookies?

Collectives™ on Stack Overflow

Changing the color based on its value

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related