Estoy comparando el color de background con valores de temperatura. Necesito orientación sobre una manera mejor de hacerlo.
Pd: cuando comparo con colores hexadecimales no me da el resultado que espero
lo hago de la siguiente manera con los últimos dos valores me sale el error,
¿qué estoy haciendo mal?
<!DOCTYPE html>
<html>
<body>
<p>Click the button to get a time-based greeting:</p>
<p id="demo"onclick="stilo()"></p>
<button onclick="stilo()">que color?</button>
<button onclick="stilo2()">pintar azul </button>
<button onclick="stilo3()">pintar amarillo</button>
<button onclick="stilo4()">pintar negro</button>
<button onclick="stilo5()">#01032a = 24.6</button>
<button onclick="stilo6()">24.2 hex to temp is equal</button>
<script type="text/javascript">
function stilo()
{
if (document.body.style.backgroundColor == "blue")
{ alert("150°C");
} else if (document.body.style.backgroundColor == "red") {
alert("350°C");
} else if (document.body.style.backgroundColor == "gray") {
alert("400°C");
} else if (document.body.style.backgroundColor == "yellow") {
alert("450°C");
} else if (document.body.style.backgroundColor = '#000009') {
alert("24°C");
}else if (document.body.style.backgroundColor = '#000016') {
alert("24.2°C");
}else if (document.body.style.backgroundColor = '#00011d') {
alert("24.4°C");
}else if (document.body.style.backgroundColor = '#01032a') {
alert("24.6°C");
}
}
</script>
<script type="text/javascript">
function stilo2()
{
document.body.style.backgroundColor = "blue";
}
</script>
<script>
function stilo3()
{
document.body.style.backgroundColor = "red"; //primero
}
</script>
<script>
function stilo4()
{
document.body.style.backgroundColor = "gray"; //segundo
}
</script>
<script>
function stilo5()
{
document.body.style.backgroundColor = '#01032a';
}
</script>
<script>
function stilo6()
{
document.body.style.backgroundColor = '#000016';
}
</script>
</body>
</html>