batuhan-basoglu/Sam-s-Mart-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

first commit

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-02-04 17:23:04 -05:00
commit 66526df3ea
4 changed files with 237 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

50
index.html Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<! This style sheet is taken from https://www.w3schools.com/howto/howto_js_tabs.asp>
<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Tab links, each one with an onclick event associated with it -->
<div class="tab">
<button class="tablinks" onclick="openInfo(event, 'Client')">Client</button>
<button class="tablinks" onclick="openInfo(event, 'Products')">Products</button>
<button class="tablinks" onclick="openInfo(event, 'Cart')">Cart</button>
</div>
<!-- Tab content -->
<div id="Client" class="tabcontent">
<h3>Client Information</h3>
<p>Tell us a bit about you.</p>
Choose a Category:
<select id="dietSelect" name="dietSelect" onchange="populateListProductChoices(this.id, 'displayProduct')">
<option value=""></option>
<option value="Vegetarian">Vegetarian</option>
<option value="GlutenFree">GlutenFree</option>
<option value="None">None</option>
</select>
</div>
<div id="Products" class="tabcontent">
<h3>Your targeted products</h3>
<p>We preselected products based on your restrictions.</p>
Choose items to buy:
<div id="displayProduct"></div>
<button id="addCart" type="button" class="block" onclick="selectedItems()">
Add selected items to cart.
</button>
</div>
<div id="Cart" class="tabcontent">
<h3>Cart</h3>
<p>Here is your cart.</p>
<div id="displayCart"></div>
</div>
<script src="scripts/groceries.js"></script>
<script src="scripts/main.js"></script>
</body>
</html>