Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-05-18.06 - Czerwiec 2018 - Wersja #05
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik wesela.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dom Weselny</title>
<link rel="stylesheet" href="styl5.css">
</head>
<body>
<header>
<h1><img src="logo.png" alt="Logo domu weselnego" height="70px"> Dom Weselny zorganizuje wesele za Ciebie <img src="logo.png" alt="Logo domu weselnego" height="70px"></h1>
</header>
<div id="lewy">
<h2>Dom Weselny</h2>
<p>ul. Przemysłowa 5</p>
<p>Kalisz</p>
<p><a href="logo.png">Pobierz logo</a></p>
</div>
<div id="srodkowy">
<h2>Oferujemy</h2>
<ul>
<li>Wesela</li>
<li>Bankiety</li>
<li>Konferencje</li>
</ul>
</div>
<div id="prawy">
<p><a href="regulamin.txt">czytaj regulamin</a></p>
</div>
<div id="dolny">
<h2>Ile będzie kosztowało moje wesele?</h2>
<label for="osoby">podaj liczbę gości:</label> <input type="number" name="osoby" id="osoby"><br>
<input type="checkbox" name="poprawiny" id="poprawiny"> Wesele z poprawinami?<br>
<button type="submit" onclick="oblicz()">Oblicz koszt</button><br>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<footer>
Stronę internetową opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;"><i>EE-Informatyk.pl</i></a>
</footer>
</body>
</html>
Plik skrypt.js
function oblicz() {
let osoby = document.getElementById("osoby").value;
let poprawiny = document.getElementById("poprawiny").checked;
let koszt = osoby * 100;
if (poprawiny) {
koszt += koszt * 0.3
}
document.getElementById("wynik").innerHTML = "Koszt Twojego wesela to " + koszt + " złotych";
}
Plik regulamin.txt
Regulamin Domu Weselnego
Plik styl5.css
header {
background: #1C59A7;
color: white;
text-align: center;
height: 80px;
}
#lewy {
background: #3A70B5;
width: 33%;
height: 200px;
float: left;
}
#srodkowy {
background: #5A8AC8;
width: 33%;
height: 200px;
float: left;
}
#prawy {
background: #86ACDD;
text-align: center;
width: 34%;
height: 200px;
float: left;
}
#dolny {
background: #86ACDD;
text-align: center;
height: 300px;
clear: both;
}
footer {
background: #1C59A7;
color: white;
}
#prawy a {
background: yellow;
color: blue;
padding: 10px;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL