Skip to main content

como ¿Cómo comparar de manera mas eficiente un arreglo en javascript?

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';}

como comparar de manera mas eficiente un arreglo en javascript?

tengo el siguiente codigo estoy comparardo el color de background con valores de temperatura me podrian orientar sobre una mejor manera de hacerlo.

pd: cuando comparo con colores hexadecimales no me da el resultado que espero

lo hago de la siguiente manera con los ultimos dos valores me sale el error que 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}
<script>

function stilo4() { document.body.style.backgroundColor = "gray"; //segundo

    }
function stilo5(){document.body.style.backgroundColor = '#01032a';}function stilo6(){document.body.style.backgroundColor = '#000016';}

¿Cómo comparar de manera eficiente un arreglo en javascript?

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>
Origen Enlace
emanuelle
  • 179
  • 2
  • 19

como comparar de manera mas eficiente un arreglo en javascript?

tengo el siguiente codigo estoy comparardo el color de background con valores de temperatura me podrian orientar sobre una mejor manera de hacerlo.

pd: cuando comparo con colores hexadecimales no me da el resultado que espero

lo hago de la siguiente manera con los ultimos dos valores me sale el error que estoy haciendo mal?

Click the button to get a time-based greeting:

que color? pintar azul pintar amarillo pintar negro #01032a = 24.6 24.2 hex to temp is equal 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"); } } function stilo2() { document.body.style.backgroundColor = "blue"; } function stilo3() { document.body.style.backgroundColor = "red"; //primero }
<script>

function stilo4() { document.body.style.backgroundColor = "gray"; //segundo

    }
function stilo5() { document.body.style.backgroundColor = '#01032a'; } function stilo6() { document.body.style.backgroundColor = '#000016'; }