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

Tizedik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-12-07 11:13:19 +01:00
parent 736e022b4b
commit 67b4ebac28
15 changed files with 159 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
2019-20-2-1/gknb_intm049_2019-20-2_01.css → 2019-20-2-1/Feladat/gknb_intm049_2019-20-2_01.css
View File

0
2019-20-2-1/gknb_intm049_2019-20-2_01.html → 2019-20-2-1/Feladat/gknb_intm049_2019-20-2_01.html
View File

0
2019-20-2-1/gknb_intm049_2019-20-2_01.zip → 2019-20-2-1/Feladat/gknb_intm049_2019-20-2_01.zip
View File

BIN
2019-20-2-1/Megoldás/60px-Hangman-0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 883 B

BIN
2019-20-2-1/Megoldás/60px-Hangman-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 980 B

BIN
2019-20-2-1/Megoldás/60px-Hangman-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1017 B

BIN
2019-20-2-1/Megoldás/60px-Hangman-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
2019-20-2-1/Megoldás/60px-Hangman-4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
2019-20-2-1/Megoldás/60px-Hangman-5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
2019-20-2-1/Megoldás/60px-Hangman-6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
2019-20-2-1/Megoldás/gknb_intm049_2019-20-2_01.pdf Normal file
View File

Binary file not shown.

13
2019-20-2-1/Megoldás/gknb_intm049_2019-20-2_01.txt Normal file
View File

@ -0,0 +1,13 @@
Akasztófa játék
Az akasztófa játékot papír és ceruza segítségével két vagy több játékos játszhatja. Az egyik játékos gondol egy szóra, és a másik játékos megpróbálja kitalálni a szót a szóban szereplő betűk kitalálásával.
Áttekintés
A kitalálandó szót a szóban szereplő betűk számával megegyező számú és elrendezésű vízszintes vonal reprezentálja. A találgató játékos javasol egy betűt, mely ha szerepel a kitalálandó szóban, a betű helyének megfelelő vonalakra ráírásra kerül. Amennyiben a betű nem szerepel a kitalálandó szóban, úgy egy stilizált akasztófa egy része kerül lerajzolásra.
A játék akkor ér véget, ha az akasztófa (és a benne lévő emberalak) teljes egészében megformálásra kerül, vagy kérdező az összes betűt kitalálja. A játék végét jelentő stilizált ábra megjelenésében eltérő lehet: egyes esetekben az akasztófa áll 7-10 vagy több vonalból, valamint az emberalak is hasonló mennyiségű vonalból. Nehezítésnek számít, ha ennél kevesebb elemből állnak a részek, könnyítésnek, ha több elemből. Az is könnyítés, ha a feladvány szófaját vagy témáját tekintve a feladó segítséget ad.
Egyes esetekben az akasztófa mint szimbólum alkalmazása a társadalmi megítélése miatt nem helyénvaló, így helyettesíteni szokták más ábrákkal, de a játék lényegét tekintve ugyanaz marad.
Kialakulása
A játék eredete tisztázatlan. Egyes források a viktoriánus Angliát jelölik meg eredetként. A játékot Alice Bertha Gomme Tradicionális játékok című, 1894-ben megjelent könyve is említi „Madarak, állatok és halak” néven.

54
2019-20-2-1/Megoldás/index.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Akasztófa játék</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Akasztófa játék</h1>
<p>
Az akasztófa játékot papír és ceruza segítségével két vagy több játékos játszhatja. Az egyik játékos gondol egy
szóra, és a másik játékos megpróbálja kitalálni a szót a szóban szereplő betűk kitalálásával.
</p>
<h2>Áttekintés</h2>
<p>
A kitalálandó szót a szóban szereplő betűk számával megegyező számú és elrendezésű vízszintes vonal
reprezentálja. A találgató játékos javasol egy betűt, mely ha szerepel a kitalálandó szóban, a betű helyének
megfelelő vonalakra ráírásra kerül. Amennyiben a betű nem szerepel a kitalálandó szóban, úgy egy stilizált
akasztófa egy része kerül lerajzolásra.
</p>
<p>
A játék akkor ér véget, ha az akasztófa (és a benne lévő emberalak) teljes egészében megformálásra kerül, vagy
kérdező az összes betűt kitalálja. A játék végét jelentő stilizált ábra megjelenésében eltérő lehet: egyes
esetekben az akasztófa áll 7-10 vagy több vonalból, valamint az emberalak is hasonló mennyiségű vonalból.
Nehezítésnek számít, ha ennél kevesebb elemből állnak a részek, könnyítésnek, ha több elemből. Az is könnyítés,
ha a feladvány szófaját vagy témáját tekintve a feladó segítséget ad.
</p>
<p>
Egyes esetekben az akasztófa mint szimbólum alkalmazása a társadalmi megítélése miatt nem helyénvaló, így
helyettesíteni szokták más ábrákkal, de a játék lényegét tekintve ugyanaz marad.
</p>
<h2>Kialakulása</h2>
<p>
A játék eredete tisztázatlan. Egyes források a viktoriánus Angliát jelölik meg eredetként. A játékot Alice
Bertha Gomme Tradicionális játékok című, 1894-ben megjelent könyve is említi „Madarak, állatok és halak” néven.
</p>
<form action="None">
<fieldset>
<legend>Szólások, Közmondások</legend>
<p id="feladvany">A _a_a_ _____ _a____a__</p> <img id="hibakep" src="60px-Hangman-0.png" alt="">
<p>Már felhasznált betűk: <span id="felhasznalt">a</span></p>
<label for="betuk">Felhasználható betűk:</label>
<select id="betuk">
</select>
<button type="submit" value="Próbáljuk meg!" onclick="send(event)">Próbáljuk meg!</button>
</fieldset>
</form>
<script src="./script.js"></script>
</body>
</html>

65
2019-20-2-1/Megoldás/script.js Normal file
View File

@ -0,0 +1,65 @@
var opciok = ["A harag rossz tanácsadó", "Jó pap holtig tanul", "Ajándék lónak ne nézd a fogát!", "Bort iszik és vizet prédikál", "Nyugalom a hosszú élet titka"];
const ABC = "aábcdeéfghiíjklmnoóöőpqrstuúüűvwxyz";
var current = "";
var guessed = [];
var specials = [" ", "!", ".", ",", "-", "?"];
var mistakes = 0;
document.addEventListener("DOMContentLoaded", () => {
var options = document.getElementById("betuk");
for (i in ABC) {
var letter = document.createElement("option");
letter.value = (ABC[i]);
letter.innerText = (ABC[i]);
options.appendChild(letter);
}
generate();
play();
mistakes = 0;
document.getElementById("hibakep").src = `./60px-Hangman-${mistakes}.png`;
});
function generate() {
current = opciok[Math.floor(Math.random() * opciok.length)];
}
function play() {
var out = "";
wrong = true;
for (i in current) {
if (guessed.indexOf(current[i].toLowerCase()) >= 0 && document.getElementById("betuk").value == current[i].toLowerCase()) {
wrong = false;
}
if (guessed.indexOf(current[i].toLowerCase()) >= 0) {
out += current[i];
} else if (specials.indexOf(current[i].toLowerCase()) >= 0) {
out += current[i];
} else {
out += '_';
}
}
if (current == out) {
alert("Gratulálok, megoldottad a feladatot!");
}
if (wrong) {
if (wrong + 1 == 6) {
alert("Sajnos vesztettél! Próbáld újra");
}
mistakes++;
document.getElementById("hibakep").src = `./60px-Hangman-${mistakes}.png`;
}
document.getElementById("feladvany").innerText = out;
}
function send(event) {
event.preventDefault();
guessed.push(document.getElementById("betuk").value);
play()
var options = Array.from(document.getElementById("betuk").children);
for (i in options) {
if (options[i].value == document.getElementById("betuk").value) {
options[i].remove();
break;
}
}
document.getElementById("betuk").value = options[0];
}

27
2019-20-2-1/Megoldás/style.css Normal file
View File

@ -0,0 +1,27 @@
* {
font-family: "Linux Libertine", Georgia, "Times", serif;
}
h1 {
text-decoration: underline;
text-decoration-thickness: 1px;
font-size: 1.8cap;
}
h2 {
font-size: 1.5cap;
}
p {
word-wrap: break-word;
text-align: justify;
}
img {
float: right;
}
#feladvany {
letter-spacing: 1px;
font-weight: bold;
}