hyperking/MiniCart JS cart widget + item counter & cart toggle button

## MiniCart JS cart widget + item counter & cart toggle button
<html>
<head>
  <meta charset="UTF-8">
  <title>MiniCart JS</title>
</head>
<body>
<div id="cart">
<button class="showCart">Show Cart</button>
<div class="itemCount"></div>
<!-- paypal minicart will be added here after dom load -->
</div>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="/assets/js/minicart.min.js"></script>

<script>
  jQuery('document').ready(function($) {
// render minicart
paypal.minicart.render();
// initialize item counter
cartCount();
// initialize cart toggle button and positioning
initCart();
function cartCount(){
  var count = paypal.minicart.cart.items().length;
  var total = paypal.minicart.cart.total()
          $(".itemCount").text(function(){
            if (count < 1){
              return "Cart Empty";
            }else{
              if(count == 1){
                return count + "Item in Cart";
              }else{
                return count +"Items in Cart";
              }
            }
          });
  paypal.minicart.cart.on('add',cartCount);
  paypal.minicart.cart.on('remove',cartCount);
  paypal.minicart.cart.on('checkout', function(){
      $(".itemCount").text("..Processing Order..");
  });
}
function showCart(){
  // toggle cart function
  paypal.minicart.view.toggle();
}
function initCart(){
  //render cart where we want it. #cart can be whatever you wish
  $("#PPMiniCart").appendTo("#cart");
  //initialize the toggle button
  $('.showCart').on("click",showCart);
}

});// end doc ready
</script>
</body>
</html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>MiniCart JS</title>
	</head>
	<body>
	<div id="cart">
	<button class="showCart">Show Cart</button>
	<div class="itemCount"></div>
	<!-- paypal minicart will be added here after dom load -->
	</div>

	<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
	<script type="text/javascript" src="/assets/js/minicart.min.js"></script>

	<script>
	jQuery('document').ready(function($) {
	// render minicart
	paypal.minicart.render();
	// initialize item counter
	cartCount();
	// initialize cart toggle button and positioning
	initCart();
	function cartCount(){
	var count = paypal.minicart.cart.items().length;
	var total = paypal.minicart.cart.total()
	$(".itemCount").text(function(){
	if (count < 1){
	return "Cart Empty";
	}else{
	if(count == 1){
	return count + "Item in Cart";
	}else{
	return count +"Items in Cart";
	}
	}
	});
	paypal.minicart.cart.on('add',cartCount);
	paypal.minicart.cart.on('remove',cartCount);
	paypal.minicart.cart.on('checkout', function(){
	$(".itemCount").text("..Processing Order..");
	});
	}
	function showCart(){
	// toggle cart function
	paypal.minicart.view.toggle();
	}
	function initCart(){
	//render cart where we want it. #cart can be whatever you wish
	$("#PPMiniCart").appendTo("#cart");
	//initialize the toggle button
	$('.showCart').on("click",showCart);
	}

	});// end doc ready
	</script>
	</body>
	</html>