Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-04-19.01 - Styczeń 2019 - Wersja #04
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
logo.png
kawa.png
Plik index.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>Hurtownia</title>
<link rel="stylesheet" href="styl4.css">
</head>
<body>
<div id="logo">
<img src="logo.png" alt="hurtownia">
</div>
<nav>
<a href="index.html">Strona główna</a>
<a href="zamowienia.html">Zamówienia</a>
<a href="blog.html">Blog o kawie</a>
<a href="http://gatunki-kawy.pl/" target="_blank">Odwiedź także</a>
</nav>
<header>
<h1>Hurtownia kawy</h1>
</header>
<div id="lewy">
<h2>Oferta</h2>
<ol>
<li>Kawa palona Arabica</li>
<li>Kawa palona Robusta</li>
<li>Kawa bezkofeinowa</li>
<li>Kawa zielona</li>
</ol>
</div>
<div id="prawy">
<img src="kawa.png" alt="Poczęstuj się">
</div>
<footer>
Stronę przygotował: <a href="https://ee-informatyk.pl" target="_blank" style="color: unset;text-decoration: none;font-size: unset;line-height: unset;margin: unset;padding: unset;border: none !important;"><b>EE-Informatyk.pl</b></a>
</footer>
</body>
</html> Plik zamowienia.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>Hurtownia</title>
<link rel="stylesheet" href="styl4.css">
</head>
<body>
<div id="logo">
<img src="logo.png" alt="hurtownia">
</div>
<nav>
<a href="index.html">Strona główna</a>
<a href="zamowienia.html">Zamówienia</a>
<a href="blog.html">Blog o kawie</a>
<a href="http://gatunki-kawy.pl/" target="_blank">Odwiedź także</a>
</nav>
<header>
<h1>Hurtownia kawy</h1>
</header>
<div id="lewy">
<h2>Oferta</h2>
<ol>
<li>Kawa palona Arabica</li>
<li>Kawa palona Robusta</li>
<li>Kawa bezkofeinowa</li>
<li>Kawa zielona</li>
</ol>
</div>
<div id="prawy">
<label for="kawa">Podaj numer kawy:</label><br>
<input type="number" name="kawa" id="kawa"><br>
<label for="waga">Podaj wagę w dekagramach:</label><br>
<input type="number" name="waga" id="waga"><br>
<button type="submit" onclick="policz()">Zamów</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<footer>
Stronę przygotował: <a href="https://ee-informatyk.pl" target="_blank" style="color: unset;text-decoration: none;font-size: unset;line-height: unset;margin: unset;padding: unset;border: none !important;"><b>EE-Informatyk.pl</b></a>
</footer>
</body>
</html> Plik blog.html
Strona w trakcie budowy Plik skrypt.js
function policz() {
var numer = document.getElementById("kawa").value;
var waga = document.getElementById("waga").value;
var cena = 0;
if (numer == 1) {
cena = 5 * waga;
} else if (numer == 2) {
cena = 7 * waga;
} else if (numer == 3) {
cena = 6 * waga;
}
document.getElementById('wynik').innerHTML = "Koszt zamówienia wynosi: " + cena + " zł";
} Plik styl4.css
body {
font-family: Arial;
}
#logo {
background: rgb(162,117,87);
width: 20%;
height: 100px;
float: left;
}
nav {
background: rgb(162,117,87);
width: 80%;
height: 100px;
text-align: right;
float: left;
}
header,footer {
background: rgb(74,45,32);
color: white;
text-align: center;
padding: 30px;
clear: both;
}
#lewy,#prawy {
background: rgb(162,117,87);
color: white;
width: 50%;
height: 500px;
float: left;
}
h1 {
letter-spacing: 10px;
}
a {
color: rgb(65,98,85);
padding: 20px;
margin: 10px;
font-size: 150%;
line-height: 100px;
border: 1px solid rgb(65,98,85);
}
ol li:nth-child(4) {
text-decoration: line-through;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL