simple isEven function

by Matthew Day

HTML

<form method="POST">
  <input type="number" placeholder="Enter a number" />
  <button>Submit</button>
</form>
<div class="hidden"></div>

CSS

div {
  background: #eee;
  margin-top: 12px;
  padding: 6px;
}

div.hidden {
  display: none;
}

JavaScript

(function($) {

	var app = {
  	init: function() {
    	app.onSubmit();
    },
    
    isEven: function(int) {
    	if(int) {
      	$('div').removeClass('hidden');
      }
      if(isNaN(int)) {
      	$('div').html(`${int} is not a number. Please try again.`)
      } else if(int % 2 === 0) {
      	$('div').html(`${int} is an even integer.`)
      } else {
      	$('div').html(`${int} is NOT an even integer.`)
      }
    },
    
    onSubmit: function() {
    	$('button').on('click', (e) => {
      	e.preventDefault();
        let _targetValue = $('input').val();
        app.isEven(_targetValue);
        $('input').val('');
      });
    }
    
  };

  $(window).on('load', () => {
    app.init();
  });

})(window.jQuery);