Hetedik vizsga
This commit is contained in:
BIN
2019-20-1-02/Megoldás/css3.png
Normal file
BIN
2019-20-1-02/Megoldás/css3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
2019-20-1-02/Megoldás/gknb_intm049_2019-20-1_02.odt
Normal file
BIN
2019-20-1-02/Megoldás/gknb_intm049_2019-20-1_02.odt
Normal file
Binary file not shown.
BIN
2019-20-1-02/Megoldás/html5.png
Normal file
BIN
2019-20-1-02/Megoldás/html5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
27
2019-20-1-02/Megoldás/index.html
Normal file
27
2019-20-1-02/Megoldás/index.html
Normal file
@ -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>
|
||||||
BIN
2019-20-1-02/Megoldás/js.png
Normal file
BIN
2019-20-1-02/Megoldás/js.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
62
2019-20-1-02/Megoldás/script.js
Normal file
62
2019-20-1-02/Megoldás/script.js
Normal file
@ -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)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
19
2019-20-1-02/Megoldás/style.css
Normal file
19
2019-20-1-02/Megoldás/style.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
BIN
2019-20-1-02/Megoldás/web.png
Normal file
BIN
2019-20-1-02/Megoldás/web.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
2019-20-1-02/Megoldás/~$nb_intm049_2019-20-1_02.odt
Normal file
BIN
2019-20-1-02/Megoldás/~$nb_intm049_2019-20-1_02.odt
Normal file
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user