JSFiddle - React, Tailwind, and code Playground

by kalar su

HTML

<div id="cart"></div>
<div>Qty:<input type="text" name="qty" id="qty"></div>
<div>Price:<input type="text" name="price" id="price"></div>
<button id="addToCartBtn">Add To Cart</button>
<button id="checkOutBtn">Check Out</button>

<div>
Total Amount: <span id="tolAmount"></span>
</div>

JavaScript

var cart = [];
document.getElementById("addToCartBtn").addEventListener("click", addToCart());

var addToCart = function(){
	var qty = document.getElementById("qty").value;
  var price = document.getElementById("price").value;
	var tol = qty*price;
  cart.push(tol);
  //document.getElementById("cart").innerHTML = cart;
}

//addToCart(10,20);

var checkOut = function(){
	for(var i=0; i<cart.length; i++){
  	
  }
}