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

Added a user friendly language and fixed the grammar errors.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2021-02-14 11:05:49 -05:00
parent f228ff9a66
commit 35abc16e60
5 changed files with 16 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View file

Binary file not shown.

1
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1 @@
123,125

19
index.html
View file

@ -25,8 +25,9 @@
<!-- Tab content --> <!-- Tab content -->
<div id="Client" class="tabcontent"> <div id="Client" class="tabcontent">
<h3>Client Information</h3> <h3>Client Information</h3>
<p>Tell us a bit about you.</p> <p>Hello, welcome to our grocery store. <br>
<i><strong>Choose a Category:</strong></i> We are here to help you choose the perfect groceries for your store.</p>
<i><strong>Please Choose a Category:</strong></i>
<select <select
id="dietSelect" id="dietSelect"
name="dietSelect" name="dietSelect"
@ -45,7 +46,7 @@
<option value="None">None</option> <option value="None">None</option>
</select> </select>
<br> <br>
<i><strong>Choose a Characteristic:</strong></i> <i><strong>Please Choose a Characteristic:</strong></i>
<select class="sumo" name="characterSelect"> <select class="sumo" name="characterSelect">
<option value=""></option> <option value=""></option>
<option value="Diabetic">Diabetic</option> <option value="Diabetic">Diabetic</option>
@ -61,9 +62,9 @@
</div> </div>
<div id="Products" class="tabcontent"> <div id="Products" class="tabcontent">
<h3>Your targeted products</h3> <h3>Your Products</h3>
<p>We preselected products based on your restrictions.</p> <p>The products according to the categories and characteristics you have chosen will appear here.</p>
<i><strong>Choose items to buy:</strong></i> <i style="font-size:20px;"><strong>Please Choose the Items you are going to buy:</strong></i>
<div id="displayProduct"></div> <div id="displayProduct"></div>
<button <button
id="addCart" id="addCart"
@ -71,7 +72,7 @@
class="block" class="block"
onclick="selectedItems()" onclick="selectedItems()"
> >
Add selected items to cart. Click Here to Add Selected Items.
</button> </button>
<div class="footer"> <div class="footer">
<p class="copyright"> <p class="copyright">
@ -83,8 +84,8 @@
</div> </div>
<div id="Cart" class="tabcontent"> <div id="Cart" class="tabcontent">
<h3>Cart</h3> <h3>Shopping Cart</h3>
<p>Here is your cart.</p> <p>The items you have added to your list will appear here.</p>
<div id="displayCart"></div> <div id="displayCart"></div>
<div class="footer"> <div class="footer">

5
scripts/main.js
View file

@ -33,6 +33,8 @@ function populateListProductChoices(slct1, slct2) {
// s2 represents the <div> in the Products tab, which shows the product list, so we first set it empty // s2 represents the <div> in the Products tab, which shows the product list, so we first set it empty
s2.innerHTML = ""; s2.innerHTML = "";
s2.appendChild(document.createElement("br"));
s2.appendChild(document.createElement("br"));
// obtain a reduced list of products based on restrictions // obtain a reduced list of products based on restrictions
var optionArray = restrictListProducts(products, s1.value); var optionArray = restrictListProducts(products, s1.value);
@ -95,7 +97,8 @@ function selectedItems(){
// build list of selected item // build list of selected item
var para = document.createElement("P"); var para = document.createElement("P");
para.innerHTML = "You selected : "; para.innerHTML = "You have selected : ";
para.appendChild(document.createElement("br"));
para.appendChild(document.createElement("br")); para.appendChild(document.createElement("br"));

2
styles/style.css
View file

@ -114,7 +114,7 @@ p {
} }
i { i {
font-size: 15px; font-size: 17px;
} }
.block { .block {