Show sourcecode

The following files exists in this folder. Click to view.

webbsrvprg/style/webbsrvprg/webbutveckling1/Övningar/

61GgijAIoDL._AC_UF1000,1000_QL80_.jpg
CSS/
Pawmatchhh.png
apa.jpg
ex.html
foretagsprojekt/
foretagsprojekt.zip
goldie.jpg
jamie.html
javascript.html
javascript_cart.html
jquery.html
kanin.png
krokodil.jpg
labradoodle.jpg
labrador.jpg
loggapaw.png
maldiverna.jpg
mason.jpg
mosaic.jpg
ovning0.html
ovning1.html
ovning2.html
ovning3.html
ovning4_a.html
ovning4_b.html
ovning4_c.html
ovning6.html
ovning8.html
ovning9.html
ovning9apelsin.html
ovning9äpple.html
ovningflexbox.html
ovningform.html
ovningssida.html
responsivewebb/
startsida.hund.jpeg
startsida.hund2.jpg
sunset.la.webp
test.html
testsida.html
wp9473997-maldives-4k-wallpapers.jpg
wp9474007-maldives-4k-wallpapers.jpg

`javascript_cart.html`

49 lines UTF-8 Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49


<!DOCTYPE html>

<html lang="sv">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width,initial-scale=1">

  <title>LocalStorage – Varukorg</title>

  <style>

    body { font-family: system-ui, sans-serif; margin: 20px; }

    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

    .card { border: 1px solid #ddd; padding: 12px; border-radius: 10px; }

    .row { display:flex; justify-content:space-between; gap:12px; align-items:center; margin: 6px 0; }

    ul { padding-left: 18px; }

    button { cursor: pointer; }

  </style>

</head>

<body>

  <h1>Shop</h1>



  <div class="grid">

    <section class="card">

      <h2>Produkter</h2>

      <div id="products"></div>

    </section>



    <section class="card">

<h2>Varukorg</h2>

      <ul id="cartList"></ul>

      <p><strong>Summa:</strong> <span id="total">0</span> kr</p>

      <button type="button" id="clear">Töm varukorg</button>

    </section>

  </div>



  <script src="javascript_cart.js"></script>

  <script>

    localStorage.setItem("demoText", "Hej!");

console.log(localStorage.getItem("demoText"));

  localStorage.setItem("demoNumber", "5");

var n = Number(localStorage.getItem("demoNumber"));

console.log(n + 1);

var fruits = ["äpple", "banan", "päron"];

localStorage.setItem("fruits", JSON.stringify(fruits));



var back = JSON.parse(localStorage.getItem("fruits"));

console.log(back);



  </script>



</body>

</html>