Skip to content
Snippets Groups Projects
Commit 77a99e7a authored by Fredrik Baksaas's avatar Fredrik Baksaas
Browse files

La til bestill funksjonalitet og kommentarer i js

parent 60121c53
No related branches found
No related tags found
No related merge requests found
......@@ -68,10 +68,7 @@
<div id="coTime">
Levering:
<select id="coTimeSelect">
<option>25</option>
<option>30</option>
<option>35</option>
<option>40</option>
<option>NA</option>
</select>
</div>
</div>
......@@ -94,7 +91,7 @@
</ul>
</div>
<button id="coBestill">Bestill</button>
<button id="coBestill" onclick="bestill()">Bestill</button>
</div>
</div>
......
//var handlekurv = JSON.parse(localStorage.getItem("handlekurv"));
//Henter lista hvor ordren skal skrives ut
let ul = document.getElementById("coVarer");
oppdaterCheckout();
console.log(handlekurv);
oppdaterCheckout();
// oppdaterCheckout skriver ut ordene i handlekurven i lista hentet ovenfor
function oppdaterCheckout(){
ul.innerHTML = "";
let subtotal = 0;
//Sjekker om handlekurven er tom
if(handlekurv.length == 0){
let li = document.createElement("li");
ul.appendChild(li);
li.innerText = "Handlekurven er tom";
//Dersom handlekurven ikke er tom så itererer over handlekurven og lager nytt punkt for hver rett
}else{
for(vare of handlekurv){
//Regner ut pris og subtotal
let antall = vare.antall;
let pris = vare.pris * antall;
subtotal += pris;
......@@ -47,10 +50,12 @@ function oppdaterCheckout(){
hoyre.innerText = pris + ",-";
}
}
//Kaller pris med subtotal som er regnet ut, og settTid slik at leveringstid er oppdatert
pris(subtotal);
settTid();
}
//pris tar inn et tall, subtotal og regner ut hva levering og total pris er, samt skriver dem ut
function pris(subtotalPris){
let subtotal = document.getElementById("subtotal");
let levering = document.getElementById("levering");
......@@ -61,6 +66,7 @@ function pris(subtotalPris){
total.innerHTML = (subtotalPris + 40) + ",-";
}
//settTid henter tiden og skriver ut tider for levering
function settTid(){
const date = new Date();
let time = date.getHours();
......@@ -73,6 +79,7 @@ function settTid(){
let deltime = 0;
let tidut;
//Lager en option for hvert 5 min etter mellm 20-40 min etter nåværende tid
for(let i = 20; i<45; i = i+5){
tidut = "";
deltime = time;
......@@ -97,6 +104,7 @@ function settTid(){
}
}
//trekkFra tar inn et vare objekt og trekker en av disse fra handlekurven
function trekkFra(vare){
for(item of handlekurv){
if(item.index == vare.index){
......@@ -108,9 +116,11 @@ function trekkFra(vare){
}
}
localStorage.setItem("handlekurv", JSON.stringify(handlekurv));
oppdaterCheckout();
}
//leggTil tar inn et vare objekt og legger til en av disse i handlekurven, så sant den er i kurven fra før av
function leggTil(vare){
for(item of handlekurv){
if(item.index == vare.index){
......@@ -118,5 +128,33 @@ function leggTil(vare){
}
}
localStorage.setItem("handlekurv", JSON.stringify(handlekurv));
oppdaterCheckout();
}
//bestill later som en bestilling går igjennom
function bestill(){
//Sjekker om handlekurven er tom, sender en melding dersom det er slik
if(handlekurv.length == 0){
ul = document.getElementById("coVarer");
ul.innerHTML = "";
li = document.createElement("li");
ul.appendChild(li);
li.innerText = "Vennligst legg til noe i handlekurven!"
//Ellers clearer den handlekurven og skriver ut takk for bestilling
}else{
localStorage.clear();
localStorage.setItem("handlekurv", JSON.stringify([]));
handlekurv = JSON.parse(localStorage.getItem("handlekurv"));
ul = document.getElementById("coVarer");
ul.innerHTML = "";
li = document.createElement("li");
ul.appendChild(li);
li.innerText = "Takk for bestillingen!"
}
}
\ No newline at end of file
//Sjekker om det er en handlekurv i localStorage, dersom det ikke er det lager den en handlekurv.
//Enn så lenge er det logger av handlekurven så en kan se hva som skjer
if(localStorage.getItem("handlekurv") == null){
const handlekurv = [];
localStorage.setItem("handlekurv", JSON.stringify(handlekurv));
......@@ -11,6 +13,7 @@ if(localStorage.getItem("handlekurv") == null){
const handlekurv = JSON.parse(localStorage.getItem("handlekurv"));
var toggle = false;
//toggleHandlekurvVindu sjekker om vinduet er på eller av og henholdvis fjerner eller legger til vinduet
function toggleHandlekurvVindu(){
if(toggle){
console.log("Vindu av");
......@@ -24,6 +27,7 @@ function toggleHandlekurvVindu(){
}
}
//lagVindu bygger opp strukturen til handlekurv vinduet og legger det til body
function lagVindu(){
let body = document.body;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment