Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-02-19.06 - Czerwiec 2019 - Wersja #02
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
samochod.png
home.png
znak.png
Wyniki działań na bazie danych
import.png
kw1.jpg
kw2.jpg
kw3.jpg
kw4.jpg
Plik samochody.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 25 Mar 2023, 12:35
-- Wersja serwera: 10.4.27-MariaDB
-- Wersja PHP: 8.2.0
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Baza danych: `samochody`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `samochody`
--
CREATE TABLE `samochody` (
`id` int(10) UNSIGNED NOT NULL,
`marka` text DEFAULT NULL,
`model` text DEFAULT NULL,
`rocznik` year(4) DEFAULT NULL,
`kolor` text DEFAULT NULL,
`stan` text DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `samochody`
--
INSERT INTO `samochody` (`id`, `marka`, `model`, `rocznik`, `kolor`, `stan`) VALUES
(1, 'Fiat', 'Punto', 2016, 'czerwony', 'bardzo dobry'),
(2, 'Fiat', 'Punto', 2002, 'czerwony', 'dobry'),
(3, 'Fiat', 'Punto', 2007, 'niebieski', 'bardzo bobry'),
(4, 'Opel', 'Corsa', 2016, 'grafitowy', 'bardzo dobry'),
(5, 'Opel', 'Astra', 2003, 'niebieski', 'dobry'),
(6, 'Toyota', 'Corolla', 2016, 'czerwony', 'bardzo dobry'),
(7, 'Toyota', 'Corolla', 2014, 'szary', 'dobry'),
(8, 'Toyota', 'Yaris', 2004, 'granatowy', 'dobry');
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `samochody`
--
ALTER TABLE `samochody`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `samochody`
--
ALTER TABLE `samochody`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9;
COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
Plik kwerendy.txt
Zapytanie 1: SELECT marka, model FROM samochody WHERE kolor='czerwony';
Zapytanie 2: UPDATE samochody SET stan='dobry' WHERE rocznik=2003;
Zapytanie 3: CREATE USER 'andrzej'@'localhost' IDENTIFIED BY 'andrzej1@';
Zapytanie 4: GRANT SELECT, UPDATE ON samochody TO 'andrzej'@'localhost'; Plik stacja.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>Stacja paliw</title>
<link rel="stylesheet" href="styl3.css">
</head>
<body>
<div id="baner-lewy">
<h1>Stacja Paliw</h1>
</div>
<div id="baner-prawy">
<a href="stacja.html"><img src="home.png" alt="Odnośnik do strony stacja"></a>
<a href="obliczenia.html"><img src="znak.png" alt="Odnośnik do strony obliczenia"></a>
</div>
<main>
<h3>Godziny otwarcia stacji paliw</h3>
<table>
<tr>
<td>Dzień</td>
<td>Od</td>
<td>Do</td>
</tr>
<tr>
<td>Pn - Sb</td>
<td>6:00</td>
<td>24:00</td>
</tr>
<tr>
<td>Nd</td>
<td>7:00</td>
<td>24:00</td>
</tr>
</table>
</main>
<div id="lewy">
<a href="kwerendy.txt">Pobierz kwerendy</a>
</div>
<div id="prawy">
<img src="samochod.png" alt="samochód">
</div>
<footer>
<p>Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html> Plik obliczenia.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>Stacja paliw</title>
<link rel="stylesheet" href="styl3.css">
</head>
<body>
<div id="baner-lewy">
<h1>Stacja Paliw</h1>
</div>
<div id="baner-prawy">
<a href="stacja.html"><img src="home.png" alt="Odnośnik do strony stacja"></a>
<a href="obliczenia.html"><img src="znak.png" alt="Odnośnik do strony obliczenia"></a>
</div>
<main>
<h3>Oblicz koszt paliwa</h3>
<label for="rodzaj">Rodzaj paliwa (1-benzyna, 2-olej napędowy):</label><br>
<input type="number" name="rodzaj" id="rodzaj"><br>
<label for="litry">Ile litrów</label><br>
<input type="number" name="litry" id="litry"><br>
<button type="submit" onclick="oblicz()">OBLICZ</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</main>
<div id="lewy">
<a href="kwerendy.txt">Pobierz kwerendy</a>
</div>
<div id="prawy">
<img src="samochod.png" alt="samochód">
</div>
<footer>
<p>Stronę opracował: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html> Plik skrypt.js
function oblicz() {
var rodzajPaliwa = document.getElementById('rodzaj').value;
var litryPaliwa = document.getElementById('litry').value;
var cenaPaliwa;
if (rodzajPaliwa == 1) {
cenaPaliwa = 4;
}
else if (rodzajPaliwa == 2) {
cenaPaliwa = 3.5;
}
else {
cenaPaliwa = 0;
}
document.getElementById('wynik').innerHTML = 'Koszt paliwa: ' + (cenaPaliwa * litryPaliwa) + ' zł';
} Plik styl3.css
body {
font-family: 'Helvetica';
}
#baner-lewy,#lewy {
background: rgb(130,69,85);
color: white;
width: 30%;
height: 200px;
text-align: center;
}
#baner-prawy,#prawy {
background: rgb(130,69,85);
color: white;
width: 70%;
height: 200px;
text-align: center;
}
main,footer {
background: rgb(240,234,226);
padding: 120px;
}
#baner-lewy,#baner-prawy {
float: left;
}
#lewy,#prawy {
float: left;
}
table,td {
border: 1px solid rgb(130,69,85);
color: rgb(130,69,85);
padding: 10px;
}
a {
color: rgb(240,234,226);
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL