tengo el siguiente codigo estoy comparardoEstoy comparando el color de background con valores de temperatura me podrian orientar. Necesito orientación sobre una mejor manera mejor de hacerlo.
pdPd: cuando comparo con colores hexadecimales no me da el resultado que espero
lo
lo hago de la siguiente manera con los ultimosúltimos dos valores me sale el error,
que¿qué estoy haciendo mal?
Click the button to get a time-based greeting:
que color?pintar azulpintar amarillopintar negro#01032a = 24.624.2 hex to temp is equalfunction 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");}}function stilo2(){document.body.style.backgroundColor = "blue";}function stilo3(){document.body.style.backgroundColor = "red";//primero}<!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 stilo4() { document.body.style.backgroundColor = "gray"; //segundo
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>
function stilo5(){document.body.style.backgroundColor = '#01032a';}function stilo6(){document.body.style.backgroundColor = '#000016';}