maxlength alert test

by James Connolly

HTML

<form>
<input class="number" type="number" max="5">
<input type="submit">
</form>

JavaScript

// for keyup
$(".number").on("keyup",function() {
  var maxQty = $(this).attr("max");
  if (this.value == maxQty) {
    alert("You can't add more than " + maxQty +" of this item to your cart");
  }
});

// for manual entry
let qtyNumber = document.querySelector( '[class="number"]' );

qtyNumber.addEventListener('keyup', function() {
	var maxQty = Number( this.getAttribute( 'max' ) );
	if ( Number( this.value ) > maxQty ) {
		alert("You can't add more than " + maxQty +" of this item to your cart");
	}
} );

console.log( qtyNumber );