Question

<input type="text"/> <button>Go</button>

<div id="example">
</div>

How can I .append “Blah” in #example if input contains 5 characters when button is clicked, and .append “Other” if it doesn’t?

Answer 1

var example = $('#example');    //get example div
var input = $('input').get(0);  //get first input in the set of inputs

$('button').click(function(){   //bind click handlers to (any) button
   var value = input.value;     //get the (first) input's value
   if(value.length === 5){      //check the value
      example.append('Blah');
   } else {
      example.append('Other');
   }
});