Add/Remove Item From Array

Add/Remove Item From Array

by Anand Jee

HTML

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<input type="text" id="txtInput"/><br>
<a href="javascript:void(0);" id="btnAddItem">Add Item</a>
<a href="javascript:void(0);" id="btnRemoveItem">Remove Item</a><br>
<span id="addValue"></span><br>
<span id="removeValue"></span>

JavaScript

var items=new Array();
$('#btnAddItem').click(function(){
items.push($('#txtInput').val());
	$('#addValue').text("Array "+items);
  $('#txtInput').val("").focus();
});

$('#btnRemoveItem').click(function(){
  items = $.grep(items, function(value) {
  return value != $('#txtInput').val();
});
	$('#removeValue').text("New Elements "+items);
  $('#txtInput').val("").focus();
});