Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
P
P3
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
WebTek 42
P3
Commits
77a99e7a
Commit
77a99e7a
authored
3 years ago
by
Fredrik Baksaas
Browse files
Options
Downloads
Patches
Plain Diff
La til bestill funksjonalitet og kommentarer i js
parent
60121c53
No related branches found
No related tags found
No related merge requests found
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
handlekurv.html
+2
-5
2 additions, 5 deletions
handlekurv.html
js/checkout.js
+42
-4
42 additions, 4 deletions
js/checkout.js
js/handlekurvVindu.js
+4
-0
4 additions, 0 deletions
js/handlekurvVindu.js
with
48 additions
and
9 deletions
handlekurv.html
+
2
−
5
View file @
77a99e7a
...
...
@@ -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>
...
...
This diff is collapsed.
Click to expand it.
js/checkout.js
+
42
−
4
View file @
77a99e7a
//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
This diff is collapsed.
Click to expand it.
js/handlekurvVindu.js
+
4
−
0
View file @
77a99e7a
//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
;
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment