itkonen.github.io/arpajaissimulaattori.html at master · itkonen/itkonen.github.io · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="fi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Arpajaisimulaattori</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
    <div class="container py-5">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="mb-4">Lumilyhty-arpajaisimulaattori</h1>
                <p class="lead">Myytyjen arpojen määrä: <span id="totalTickets" class="fw-bold"></span></p>
                <p class="lead">Arvottujen arpojen määrä: <span id="drawnTickets" class="fw-bold">0</span></p>
                <p class="lead">Kokonaishinta: <span id="totalCost" class="fw-bold">0 €</span></p>
                <button class="btn btn-primary btn-lg my-3" onclick="drawLottery()">Arvo arpa</button>
                <p id="result" class="fs-5 text-success"></p>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div id="historySection" class="mt-4">
                    <h2 class="h4">Arvontahistoria:</h2>
                    <ul id="resultList" class="list-group"></ul>
                </div>
            </div>
            <div class="col-md-6">
                <h2 class="h4 mt-4">Palkinnot:</h2>
                <ul id="prizeList" class="list-group"></ul>
            </div>
        </div>
    </div>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

    <script>
     var totalTicketsSold = 200000;

     var prizes = [
         { name: "Toyota Yaris Hybrid -henkilöauto", count: 1 },
         { name: "KTM-sähköpyörä", count: 3 },
         { name: "Sony Oled 65\" -televisio + kotiteatteri", count: 4 },
         { name: "Tjäreborg-lahjakortti", count: 10 },
         { name: "Playstation 5 Slim -pelikonsoli", count: 30 },
         { name: "Moccamaster-termoskeitin", count: 80 },
         { name: "Oral-B iO -sähköhammasharja", count: 250 },
         { name: "Osprey-reppu", count: 500 },
         { name: "Marimekko-aamiaissetti", count: 600 },
         { name: "Aarikka Linna -kynttilänjalka", count: 650 },
         { name: "Ledwise Mini -otsalamppu", count: 2000 },
         { name: "Kansallispuistot - Bongarin opas", count: 3000 },
         { name: "Intenso XS5000 -varavirtalähde", count: 5000 },
         { name: "Karhun vuosi -seinäkalenteri 2025", count: 22000 }
     ];

     function calculatePrizeRanges(prizes) {
         var cumulativeCount = 0;
         var prizeRanges = [];
         for (var i = 0; i < prizes.length; i++) {
             var rangeStart = cumulativeCount + 1;
             cumulativeCount += prizes[i].count;
             var rangeEnd = cumulativeCount;
             prizeRanges.push({
                 name: prizes[i].name,
                 rangeStart: rangeStart,
                 rangeEnd: rangeEnd
             });
         }
         return prizeRanges;
     }

     var drawnTickets = 0; // Arvottujen arpojen määrä
     var ticketPrice = 10; // Yhden arvan hinta

     function drawLottery() {
         var prizeRanges = calculatePrizeRanges(prizes);
         var randomTicket = Math.floor(Math.random() * totalTicketsSold) + 1;
         var wonPrize = "Ei voittoa";
         for (var i = 0; i < prizeRanges.length; i++) {
             if (randomTicket >= prizeRanges[i].rangeStart && randomTicket <= prizeRanges[i].rangeEnd) {
                 wonPrize = "Voitit: " + prizeRanges[i].name;
                 break;
             }
         }
         var resultText = "Arpanumerosi on " + randomTicket + ". " + wonPrize + "!";
         document.getElementById("result").innerHTML = resultText;

         var resultList = document.getElementById("resultList");
         var listItem = document.createElement("li");
         listItem.textContent = resultText;
         listItem.className = "list-group-item";
         resultList.insertBefore(listItem, resultList.firstChild);

         drawnTickets++; // Päivitetään arvottujen arpojen määrä
         var totalCost = drawnTickets * ticketPrice; // Lasketaan kokonaishinta

         // Päivitetään HTML
         document.getElementById("drawnTickets").innerText = drawnTickets;
         document.getElementById("totalCost").innerText = totalCost + " €";
     }

     function displayPrizes() {
         var prizeList = document.getElementById("prizeList");
         for (var i = 0; i < prizes.length; i++) {
             var li = document.createElement("li");
             li.innerHTML = `<strong>${prizes[i].name}</strong>: ${prizes[i].count} kpl`;
             li.className = "list-group-item";
             prizeList.appendChild(li);
         }
     }

     window.onload = function () {
         displayPrizes();
         document.getElementById("totalTickets").innerHTML = totalTicketsSold;
             };
    </script>
</body>
</html>