if else stock

[pilucho]

hola grupo. conozco casi poco de javascript y necesito de su ayuda
espero me puedan ayudar con el tema de javascript.
el código '.$row["cantidad"].' es traído de la base de datos.
Supongamos que tengo 10 unidades, pero solo me da primera opción "Disponible 10"
y si tengo 1 cantidad no me aparece las otras opciones

la idea es que si hay menos unidad debería darme las demás opciones
si tengo 10 unidades (Disponible)
si tengo 1 unidad (alerta)
si tengo 0 unidades (fuera de stock)


el codigo.

Código Javascript:

<?php
//...... 
 
$array[] .=  '
 
<p id="stock"></p>
<script> 
    if ('.$row["cantidad"].' < "10") {
      document.getElementById("stock").innerHTML = "Disponible! '.$row["cantidad"].'  ";
    }
    else if ('.$row["cantidad"].' < "1") {
        document.getElementById("stock").innerHTML = "Alerta! '.$row["cantidad"].'  ";
     }
     else if ('.$row["cantidad"].' < "0") {
        document.getElementById("stock").innerHTML = "Fuerda de Stock! '.$row["cantidad"].'  ";
     }
    </script>
 
';
 
 
//......
?>
 

[pilucho]

probe asi y es casi lo mismo.

la idea es,...
1.- si existe 10 unidades me muestre que aun esta "disponible."
2.- si existe 1 unidad muestre "alerta"
3.- si existe 0 unidad muestre "fuera de stock"

todo en javascript, haber si me dan una ayuda.

Código Javascript:

<p id="message"></p>
<script>
  var cantidad = "10";
    if(cantidad > "10"){
        document.getElementById("message").innerHTML = "Disponible.";
    } else if(cantidad > "1"){
        document.getElementById("message").innerHTML = "Alerta";
    } else if(cantidad > "0"){
        document.getElementById("message").innerHTML = "Fuerda de Stock.";
    } else{
        document.getElementById("message").innerHTML = "algo mas.";
    }
</script>
 

[caricatos]

Hola:

Si entrecomillas un número lo conviertes en una cadena, así que en principio deberías evitarlo:
var cantidad = <?php echo $row["cantidad"]; ?>;

Luego quita las comillas en las comparaciones y debería estar bien.

Saludos

[pilucho]

Iniciado por caricatos

Hola:

Si entrecomillas un número lo conviertes en una cadena, así que en principio deberías evitarlo:
var cantidad = <?php echo $row["cantidad"]; ?>;

Luego quita las comillas en las comparaciones y debería estar bien.

Saludos

también probé así amigo la "cantidad" es el nombre del campo de la base de datos.

el detalle es que me aparece solo en la primera línea y en las demás líneas que tienen menos cantidad
no aparece nada, esta vacío.

Código Javascript:

<?php
//...... 
 
$array[] .=  '
 
<p id="stock"></p>
<script> 
    var cantidad = '.$row["cantidad"].';
 
    if ('.$row["cantidad"].' < "10") {
      document.getElementById("stock").innerHTML = "Disponible! '.$row["cantidad"].'  ";
    }
    else if ('.$row["cantidad"].' < "1") {
        document.getElementById("stock").innerHTML = "Alerta! '.$row["cantidad"].'  ";
     }
     else if ('.$row["cantidad"].' < "0") {
        document.getElementById("stock").innerHTML = "Fuerda de Stock! '.$row["cantidad"].'  ";
     }
</script>
 
';
 
 
//......
?>
 

[Carlitos]

Hola.

Empieza comparando al revés.

Tal y como lo tienes, se cumple la primera condición y ya no ejecuta más. Es decir, si cantidad=1, debería decir "Alerta". Pero como en la primera comparación también es menor de 10, muestra "disponible" y nada más.

Código:

 
    if ('.$row["cantidad"].' < 0) {
      document.getElementById("stock").innerHTML = "Fuerda de Stock!  '.$row["cantidad"].'  ";
    }
    else if ('.$row["cantidad"].' < 1) {
        document.getElementById("stock").innerHTML = "Alerta! '.$row["cantidad"].'  ";
     }
     else if ('.$row["cantidad"].' < 10) {
        document.getElementById("stock").innerHTML = "Disponible! '.$row["cantidad"].'  ";
     }

O en todo caso, cambia los comparadores:

Código:

  if ('.$row["cantidad"].'  >= 10) {
      document.getElementById("stock").innerHTML = "Disponible! '.$row["cantidad"].'  ";
    }
    else if ('.$row["cantidad"].' == 1) {
        document.getElementById("stock").innerHTML = "Alerta! '.$row["cantidad"].'  ";
     }
     else if ('.$row["cantidad"].' == 0) {
        document.getElementById("stock").innerHTML = "Fuerda de Stock! '.$row["cantidad"].'  ";
     }

Un saludo.

[Carlitos]

Podrías simplificarlo así:

Código:

<script> 
    let cantidad = '.$row["cantidad"].';
    let mensaje = cantidad == 0 ? 'Fuera de stock!' : cantidad == 1 ? 'Alerta!' : "Disponible!";
    document.getElementById("stock").innerHTML = mensaje;
 
</script>

Un saludo