javascript simple jquery script

Question

I'm learning JS and I want to put various values to be verified but it doesn't work, the script only verifies the first value "123-21"

function getInputValue() {

    var inputVal = document.getElementById("myInput").value;


    if (inputVal == "123-21" && "154-2" && "1235-1") {
        document.getElementById("alertaValidacion").innerHTML = "El Producto que usted Compro es <strong>Original.</strong>";
        document.getElementById("alertaValidacion").className = " alert alert-success";
    } else {
        document.getElementById("alertaValidacion").innerHTML = "El producto que adquirio <strong>No es Original. </strong> podria ser una falsificacion";
        document.getElementById("alertaValidacion").className = " alert alert-danger";
    }

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<center>
        <input type="text" placeholder="Codigo Producto" id="myInput">
          <button class="btn btn-success" type="button" onclick="getInputValue();">Validar</button>
    </center>
        
        <div class="row">
        <div class="col-sm">
           
        </div>
        <div class="col-sm">
          <p  id="alertaValidacion">
            
            </p>
        <script>
           
        </script>
        </div>
        <div class="col-sm">
           
        </div>
        
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
      </div>

Does this answer your question? [Javascript: The prettiest way to compare one value against multiple values](https://stackoverflow.com/questions/9121395/javascript-the-prettiest-way-to-compare-one-value-against-multiple-values) — CBroe, Sep 10 '20 at 08:50
To understand why what you tried did not work, go read up on [Operator precedence](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence). — CBroe, Sep 10 '20 at 08:51

score 1 · Accepted Answer · answered Sep 10 '20 at 08:50

Take a look at the snippet.

inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1" checks if the inputVal-variable is equivalent to "123-21", "154-2" or "1235-1".

function getInputValue() {
  var inputVal = document.getElementById("myInput").value;
  if (inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1") {
    document.getElementById("alertaValidacion").innerHTML = "El Producto que usted Compro es Original.";
    document.getElementById("alertaValidacion").className = "alert-success";
  } else {
    document.getElementById("alertaValidacion").innerHTML = "El producto que adquirio No es Original. podria ser una falsificacion";
    document.getElementById("alertaValidacion").className = "alert-danger";
  }
}

getInputValue();

.alert-success {
  color: green;
}

.alert-danger {
  color: red;
}

<input id="myInput" type="text" value="123-21" oninput="getInputValue()"/>
<p id="alertaValidacion"></p>

score 0 · Answer 2 · answered Sep 10 '20 at 08:55

0

The first if statement you have split up your statement like so

if (inputVal === "123-21" || inputVal === "154-2" || inputVal === "1235-1"){

answered Sep 10 '20 at 08:55

Mogens Kristensen

1
1

score 0 · Answer 3 · answered Apr 20 '23 at 21:07

0

You just got confused between the logical operators and (&&) and or (||) :)

answered Apr 20 '23 at 21:07

luigi

13
2

javascript simple jquery script

3 Answers3