JavaScript-Ca-1/kasse.html at main · HermanJasser/JavaScript-Ca-1 · GitHub

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="nn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="fullfør bestillingen og nyt ditt splitter nye spill">
    <meta name="keywords" content="gaming, gamehub, racing, ping pong, black, forge legend, cyberpunk, hater grids, furious, spill,  playbox">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./css/kasse.css">
    <script src="https://kit.fontawesome.com/4c9767c9c5.js" crossorigin="anonymous"></script>
    <script src="./js/kasse.js" type="module"></script>
    <title>Kasse</title>
</head>
<body>
    <header>
        <a href="./index.html"><img src="./img/GameHub.png" alt="gamehub logo"></a>
    </header>
    <main>
    <h1>Betaling</h1>
    <form action="./ordrebekreftet.html">
    <input type="checkbox" id="epost-checkbox" checked>
    <label class="epost-tlf-label" for="epost-checkbox">Epost og Telefon</label>
    <div class="epost-tlf">
        <label for="epost">Epost</label>
        <input type="email" id="epost" placeholder="Epost" required>

        <label for="telefon-input">Telefon</label>
        <input type="number" id="telefon-input" placeholder="Telefon" required>
    </div>

    <input type="checkbox" id="kort-info-checkbox">
    <label class="kort-info-label" for="kort-info-checkbox">Betal med kredittkort eller debetkort</label>
    <div class="kort-info">
        <label for="navn">Navn på kortet</label>
        <input type="text" id="navn" placeholder="Navn" required>

        <label for="kortnummer">Kortnummer</label>
        <input type="number" id="kortnummer" placeholder="0000 0000 0000 0000" required>
        <div class="small-input">
            <label for="utløpsdato">Utløpsdato</label>
            <input type="number" id="utløpsdato" placeholder="MM/ÅÅ" required>

            <label for="cvc">CVC</label>
            <input type="number" id="cvc" placeholder="000" required>
        </div>
    </div>

    <input type="checkbox" id="faktura-checkbox">
    <label class="faktura-label" for="faktura-checkbox">Faktureringsadresse</label>
    <div class="faktura">
        <label for="for-etter-navn">For- og etternavn</label>
        <input type="text" id="for-etter-navn" placeholder="For- og etternavn" required>

        <label for="gate">Gate</label>
        <input type="text" id="gate" placeholder="Gate" required>

        <label for="postnummer">Postnummer</label>
        <input type="number" id="postnummer" placeholder="Postnummer" required>

        <label for="sted">Sted</label>
        <input type="text" id="sted" placeholder="Sted" required>
    </div>
    <div class="ordre-summary">
        <ul class="kasse-handlekurv-visning">laster..</ul>
        <p class="summary-pris"></p>
    </div>

    <input id="gjennomfør" type="submit" value="Gjennomfør ordre">

</form>
</main>
</body>
</html>