Hetedik vizsga

2024-11-29 14:21:41 +01:00
parent 2833172ab6
commit 3fb3920015
14 changed files with 108 additions and 0 deletions
--- a/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.css
+++ b/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.css
--- a/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.html
+++ b/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.html
--- a/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.js
+++ b/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.js
--- a/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.odt
+++ b/2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.odt
--- a/2019-20-1-02/Megoldás/css3.png
+++ b/2019-20-1-02/Megoldás/css3.png
--- a/2019-20-1-02/Megoldás/gknb_intm049_2019-20-1_02.odt
+++ b/2019-20-1-02/Megoldás/gknb_intm049_2019-20-1_02.odt
--- a/2019-20-1-02/Megoldás/html5.png
+++ b/2019-20-1-02/Megoldás/html5.png
--- a/2019-20-1-02/Megoldás/index.html
+++ b/2019-20-1-02/Megoldás/index.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="hu">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Memóriajáték</title>
+    <link rel="stylesheet" href="./style.css">
+</head>
+<body>
+    <h1>Memóriajáték</h1>
+    <details>
+        <summary>Játékszabályok</summary>
+        <p>Kattintson egymás után két kártyára, hogy megfordíthassa őket! Ha nem egyformák, két másodperc múlva visszafordulnak. Próbálja minél kevesebb fordítással megtalálni minden kártya párját!</p>
+        <p><a href="https://hu.wikipedia.org/wiki/Mem%C3%B3riaj%C3%A1t%C3%A9k" target="_blank">(További részletek a memóriajátékokról a Wikipédián.)</a></p>
+    </details>
+    <div class="frame">
+        <img src="./web.png" alt="" width="128px" height="128px">
+        <img src="./web.png" alt="" width="128px" height="128px">
+        <img src="./web.png" alt="" width="128px" height="128px">
+        <img src="./web.png" alt="" width="128px" height="128px">
+        <img src="./web.png" alt="" width="128px" height="128px">
+        <img src="./web.png" alt="" width="128px" height="128px">
+    </div>
+    <p id="info">Kattintson az első kártya hátlapjára a megfordításához! </p>
+    <script src="./script.js"></script>
+</body>
+</html>
--- a/2019-20-1-02/Megoldás/js.png
+++ b/2019-20-1-02/Megoldás/js.png
--- a/2019-20-1-02/Megoldás/script.js
+++ b/2019-20-1-02/Megoldás/script.js
@ -0,0 +1,62 @@
+const images = ["./html5.png", "./css3.png", "./js.png"];
+var idle = "./web.png";
+var randomarray = [];
+var turned = [];
+
+document.addEventListener("DOMContentLoaded", function (){
+    var numbers = [[0,0], [1,0], [2,0]];
+    while(true){
+        var pos = Math.floor(Math.random() * 3);
+        if(numbers[pos][1] < 2){
+            randomarray.push(numbers[pos][0]);
+            numbers[pos][1]++;
+        }
+        var occurences = [];
+        for(var i = 0; i < 3; i++){
+            occurences.push(numbers[i][1]);
+        }
+        if(!occurences.includes(0) && !occurences.includes(1))
+            break;
+    }
+
+    var cards = document.getElementsByTagName("img");
+    for(var i = 0; i < cards.length; i++){
+        cards[i].addEventListener("click", function (){
+
+        if(turned.length < 2){
+            this.classList.add("turned");
+            var index = Array.from(cards).indexOf(this);
+            this.src = images[randomarray[index]];
+            turned.push(index);
+            if(turned.length == 2){
+                setTimeout(function (){
+                    if(Array.from(cards)[turned[0]].src != Array.from(cards)[turned[1]].src){
+                        Array.from(cards)[turned[0]].src = idle;
+                        Array.from(cards)[turned[0]].classList = "";
+                        Array.from(cards)[turned[1]].src = idle;
+                        Array.from(cards)[turned[1]].classList = "";
+                        turned = [];
+                    }else{
+                        Array.from(cards)[turned[0]].classList = "found";
+                        Array.from(cards)[turned[1]].classList = "found";
+                        turned = [];
+                        document.getElementById("info").innerText = "Megtalált egy kártyát!";
+                    }
+                    var ended = true
+                    cards = Array.from(cards);
+                    for(var j = 0; j < cards.length; j++){
+                        if(!cards[j].classList.contains("found")){
+                            ended = false;
+                            break;
+                        }
+                    }
+                    if(ended){
+                        document.getElementById("info").innerText = "Megtalált minden kártyát!";
+                    }
+                }, 2000)
+            }
+        }
+
+        });
+    }
+});
--- a/2019-20-1-02/Megoldás/style.css
+++ b/2019-20-1-02/Megoldás/style.css
@ -0,0 +1,19 @@
+.frame{
+    margin-top: 1cm;
+    display: flex;
+    margin-bottom: 1cm;
+}
+img{
+    float: left;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    border: 3px ridge white;
+}
+
+.turned{
+    border: 3px ridge blue;
+}
+
+.found{
+    border: 3px ridge orange;
+}
--- a/2019-20-1-02/Megoldás/web.png
+++ b/2019-20-1-02/Megoldás/web.png
--- a/2019-20-1-02/Megoldás/~$nb_intm049_2019-20-1_02.odt
+++ b/2019-20-1-02/Megoldás/~$nb_intm049_2019-20-1_02.odt
--- a/2019-20-1-1/Megoldás/~$nb_intm049_2019-20-1_01.odt
+++ b/2019-20-1-1/Megoldás/~$nb_intm049_2019-20-1_01.odt