Skip to content

Instantly share code, notes, and snippets.

@stnight
Created July 31, 2020 14:08
Show Gist options
  • Save stnight/85225bdebea83214fa429bcdef70cbf2 to your computer and use it in GitHub Desktop.
Save stnight/85225bdebea83214fa429bcdef70cbf2 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Add To Cart</title>
</head>
<body>
<!-- for item 1 -->
<div>
<h1>Item 1</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem molestias possimus sapiente libero veritatis, ad deserunt praesentium obcaecati suscipit quasi, voluptatibus velit voluptates illum sequi sint dolorum debitis! Ullam, assumenda?</p>
<span>Php. 100.00</span>
<div>
<button class="increaseQuantityButton">+</button>
<input type="text" name="item1-quantity" value="0">
<button class="decreaseQuantityButton">-</button>
</div>
<div>
<button data-price="100.00" class="addToCartButton">Add To Cart</button>
</div>
</div>
<!-- for item 2 -->
<div>
<h1>Item 2</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem molestias possimus sapiente libero veritatis, ad deserunt praesentium obcaecati suscipit quasi, voluptatibus velit voluptates illum sequi sint dolorum debitis! Ullam, assumenda?</p>
<span>Php. 69.00</span>
<div>
<button class="increaseQuantityButton">+</button>
<input type="text" name="item1-quantity" value="0">
<button class="decreaseQuantityButton">-</button>
</div>
<div>
<button data-price="69.00" class="addToCartButton">Add To Cart</button>
</div>
</div>
<script src="./index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment