CODEWITHSUNDEEP
javascriptjquery
Raul Alberto Calzado Cuevas
Raul Alberto Calzado Cuevas

Reputation: 47

How to add an "exception" or "condition" in this code (javascript, jquery)?

I would like to add an exception or condition in this code.

var a = 0;
    $(document).ready(function() {
            $(document).on("change", "#txtInput" ,function(){
            $("#contenido").append("<tr><td>"+$("#txtInput").val()+"</td></tr>");
                a += 1;
                var str = 'Total Bianuales: '
                $('p').html(str + a);
              }
           )

    });

This is how it works: I get a value with the ID txtInput. I got some condition about this ID up in my code but I want to apply it when it add the value in a table that it's created. How do I make a condition that only append the value I get from txtInput when it's major or equal than 9?

Thanks for your help anyway!

Upvotes: 0

Views: 144

Answers (2)

JonSG
JonSG

Reputation: 13067

Remember that change fires when input looses focus so you will need to click out of the control to cause it to fire. If you wanted it to fire on each keystroke then you want the input event.

var a = 0;
$(document).on("change", "#txtInput",function(){
  var inputLength = this.value.length;
  if (inputLength <= 8) { return; }

  $("#contenido").append("<tr><td>" + this.value + "</td></tr>");
  $("p").html('Total Bianuales: ' + (++a));
});
<input id="txtInput" />
<table id="contenido"></table>
<p></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Upvotes: 1

luissimo
luissimo

Reputation: 978

var a = 0;
$(document).ready(function() {
  $(document).on("change", "#txtInput" ,function(){
    var textinput = parseInt($(this).val());
    if (textinput > 8) {
      $("#contenido").append("<tr><td>"+$(this).val()+"</td></tr>");
      a += 1;
      var str = 'Total Bianuales: '
      $('p').html(str + a);
    }}
  );
});

Upvotes: 1

Related Questions