tutorial oldalak feladat

2022-04-22 13:39:47 +02:00
parent f4ae53338c
commit ef3c9b7a4b
7 changed files with 196 additions and 0 deletions
--- a/javascript/lotto/index.html
+++ b/javascript/lotto/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
+        <title>Lotto</title>
+    </head>
+    <body onload="gombLetrehozas()">
+        <div id="gombok">
+        </div>
+        <div id="eredmeny"></div>
+        <div id="sorsolt"></div>
+        <div id="eredmeny2"></div>
+        <button onclick="sorsolas()">Sorsolás</button>
+        <script src="script.js"></script>
+    </body>
+</html>
--- a/javascript/lotto/script.js
+++ b/javascript/lotto/script.js
@@ -0,0 +1,48 @@
+let szamok = "";
+let valasztott = Array(0,0,0,0,0);
+let index = 0;
+
+function szam(element){
+    //document.getElementById("eredmeny").innerHTML = element.innerText;
+    //szamok += element.innerText;
+    valasztott[index++] = (parseInt(element.innerText));
+    for (let index = 0; index < valasztott.length; index++) {
+        document.getElementById("eredmeny").innerText += " " + valasztott[index] + " ";
+    }
+    document.getElementById("eredmeny").innerHTML += "<br>"
+}
+
+function sorsolas(){
+    let eredmenyek = Array(5);
+    for (let i = 0; i < eredmenyek.length; i++) {
+        eredmenyek[i] = Math.floor(Math.random() * 90) + 1;    
+        document.getElementById("sorsolt").innerText += " " + eredmenyek[i] + " ";    
+    }
+
+    let talalatok = 0;
+
+    for (let i = 0; i < eredmenyek.length; i++) {
+        for (let j = 0; j < valasztott.length; j++) {
+            if(eredmenyek[i] == valasztott[j]){
+                talalatok++;
+            }          
+        } 
+    }
+
+    document.getElementById("eredmeny2").innerText = "Találatok száma: " + talalatok;
+}
+
+function gombLetrehozas(){
+    let button;
+
+    for(let i = 1; i < 91; i++){
+        button = document.createElement("button");
+        button.setAttribute("id", "gomb"+i);
+        button.setAttribute("value", i);
+        button.setAttribute("onclick", "szam(this)");
+        let text = document.createTextNode(i);
+        button.appendChild(text);
+        let eredmeny = document.getElementById("eredmeny");
+        document.body.insertBefore(button, eredmeny);
+    }
+}