Kilokem/WebTechnologiak-vizsga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hetedik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-11-29 14:21:41 +01:00
parent 2833172ab6
commit 3fb3920015
14 changed files with 108 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.css Normal file
View File

@ -0,0 +1,23 @@
details {
margin-bottom: 1cm;
}
img {
float: left;
border: 3px inset white;
margin-right: 5px;
margin-bottom: 5px;
}
img.megjelol {
border-color: blue;
}
img.megforditva {
border-color: orange;
}
#info {
clear: left;
padding-top: 1cm;
}

28
2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title>Memóriajáték</title>
<link type="text/css" rel="stylesheet" href="gknb_intm049_2019-20-1_02.css" />
</head>
<body>
<h1>Memóriajáték</h1>
<details>
<summary>Játékszabályok</summary>
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!
(További részletek a memóriajátékokról a <a href="https://hu.wikipedia.org/wiki/Mem%C3%B3riaj%C3%A1t%C3%A9k" target="blank">Wikipédián</a>.)
</details>
<div id="kontener">
<img id="kartya1" src="web.png" alt="Kártya" width="128" height="128" />
<img id="kartya2" src="web.png" alt="Kártya" width="128" height="128" />
<img id="kartya3" src="web.png" alt="Kártya" width="128" height="128" />
<img id="kartya4" src="web.png" alt="Kártya" width="128" height="128" />
<img id="kartya5" src="web.png" alt="Kártya" width="128" height="128" />
<img id="kartya6" src="web.png" alt="Kártya" width="128" height="128" />
</div>
<p id="info">Kattintson az első kártya hátlapjára a megfordításához!</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="gknb_intm049_2019-20-1_02.js"></script>
</body>
</html>

80
2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.js Normal file
View File

@ -0,0 +1,80 @@
let jatek = {
init: function() {
this.elsoForditott = false;
this.masodikForditott = false;
this.talalat = false;
this.kijelolve = 0;
this.forditasok = 0;
let fajlok = [ "html5.png", "css3.png", "js.png" ];
fajlok = fajlok.concat(fajlok);
this.ismeretlen = fajlok.length;
for(let i=1; i<=6; i++) {
let idx = Math.floor(Math.random()*fajlok.length);
this["kartya"+i] = {
fajl: fajlok.splice(idx, 1)[0],
megforditva: false
};
}
},
ellenoriz: function() {
if(this.talalat) {
this[this.elsoForditott].megforditva = true;
this[this.masodikForditott].megforditva = true;
$("#"+this.elsoForditott).addClass("megforditva");
$("#"+this.masodikForditott).addClass("megforditva");
} else {
$("#"+this.elsoForditott).attr("src", "web.png");
$("#"+this.masodikForditott).attr("src", "web.png");
}
$("#"+this.elsoForditott).removeClass("megjelol");
$("#"+this.masodikForditott).removeClass("megjelol");
this.kijelolve = 0;
this.elsoForditott = false;
this.masodikForditott = false;
if(this.ismeretlen == 0) {
$("#info").text("Gratulálunk, Ön megtalálta az összes párt "+jatek.forditasok+" fordítással!");
this.init();
$("img").removeClass("megforditva").attr("src", "web.png");
} else {
$("#info").text("Kattintson az első kártya hátlapjára a megfordításához!");
}
},
kattintas: function(kartya) {
switch(this.kijelolve) {
case 0:
if(!this[kartya].megforditva) {
this.elsoForditott = kartya;
this.kijelolve = 1;
this.forditasok++;
$("#"+kartya).addClass("megjelol").attr("src", this[kartya].fajl);
$("#info").text("Kattintson a második kártya hátlapjára a megfordításához!")
}
break;
case 1:
if(!this[kartya].megforditva && kartya!=this.elsoForditott) {
this.masodikForditott = kartya;
this.kijelolve = 2;
this.forditasok++;
$("#"+kartya).addClass("megjelol").attr("src", this[kartya].fajl);
this.talalat = this[this.elsoForditott].fajl == this[this.masodikForditott].fajl;
if(this.talalat) {
$("#info").text("Megtalált egy kártyapárt!");
this.ismeretlen -= 2;
} else {
$("#info").text("Nem egyeznek a kártyák, visszafordítjuk őket.");
}
setTimeout(function() {jatek.ellenoriz();}, 2000);
}
break;
}
}
};
$(function() {
jatek.init();
$("#kontener").click(function(e) {
jatek.kattintas(e.target.id);
});
});

BIN
2019-20-1-02/Feladat/gknb_intm049_2019-20-1_02.odt Normal file
View File

Binary file not shown.