Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-06-22.01-SG - Styczeń 2022 - Wersja #06
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik auta.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 29 Mar 2023, 15:22
-- 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: `auta`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `klasa`
--
CREATE TABLE `klasa` (
`id` int(11) NOT NULL,
`klasa` varchar(1) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_polish_ci;
--
-- Zrzut danych tabeli `klasa`
--
INSERT INTO `klasa` (`id`, `klasa`) VALUES
(1, 'A'),
(2, 'B'),
(3, 'C');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `klienci`
--
CREATE TABLE `klienci` (
`id` int(11) NOT NULL,
`nazwisko` varchar(30) NOT NULL,
`imie` varchar(20) NOT NULL,
`pesel` varchar(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_polish_ci;
--
-- Zrzut danych tabeli `klienci`
--
INSERT INTO `klienci` (`id`, `nazwisko`, `imie`, `pesel`) VALUES
(1, 'Kowalski', 'Jan', ''),
(2, 'Nowak', 'Antoni', ''),
(3, 'Lipska', 'Ewa', ''),
(4, 'Ludwikowski', 'Tadeusz', ''),
(5, 'Marcinek', 'Adam', ''),
(6, 'Szymanek', 'Anna', '');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `samochody`
--
CREATE TABLE `samochody` (
`id` int(11) NOT NULL,
`klasa_id` int(11) NOT NULL,
`marka` varchar(30) NOT NULL,
`model` varchar(30) NOT NULL,
`rocznik` int(4) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_polish_ci;
--
-- Zrzut danych tabeli `samochody`
--
INSERT INTO `samochody` (`id`, `klasa_id`, `marka`, `model`, `rocznik`) VALUES
(1, 1, 'ford', 'ka', 2017),
(2, 2, 'seat', 'toledo', 2016),
(3, 3, 'opel', 'zafira', 2018),
(4, 2, 'fiat', '500X', 2018),
(5, 3, 'opel', 'insignia', 2017);
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `wypozyczenia`
--
CREATE TABLE `wypozyczenia` (
`id` int(11) NOT NULL,
`klienci_id` int(11) NOT NULL,
`samochody_id` int(11) NOT NULL,
`data` date NOT NULL,
`ilosc_dni` int(2) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_polish_ci;
--
-- Zrzut danych tabeli `wypozyczenia`
--
INSERT INTO `wypozyczenia` (`id`, `klienci_id`, `samochody_id`, `data`, `ilosc_dni`) VALUES
(1, 6, 4, '2020-05-22', 2),
(2, 1, 5, '2020-06-18', 3),
(3, 2, 4, '2020-05-15', 2),
(4, 1, 3, '2020-06-30', 3),
(5, 3, 4, '2020-09-07', 1),
(6, 4, 3, '2020-09-02', 5),
(7, 5, 2, '2020-09-20', 3);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `klasa`
--
ALTER TABLE `klasa`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `klienci`
--
ALTER TABLE `klienci`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `samochody`
--
ALTER TABLE `samochody`
ADD PRIMARY KEY (`id`),
ADD KEY `klasa_id_fk` (`klasa_id`);
--
-- Indeksy dla tabeli `wypozyczenia`
--
ALTER TABLE `wypozyczenia`
ADD PRIMARY KEY (`id`),
ADD KEY `samochody_id_fk` (`samochody_id`),
ADD KEY `klienci_id_fk` (`klienci_id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `klasa`
--
ALTER TABLE `klasa`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=4;
--
-- AUTO_INCREMENT dla tabeli `klienci`
--
ALTER TABLE `klienci`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=7;
--
-- AUTO_INCREMENT dla tabeli `samochody`
--
ALTER TABLE `samochody`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
--
-- AUTO_INCREMENT dla tabeli `wypozyczenia`
--
ALTER TABLE `wypozyczenia`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
--
-- Ograniczenia dla zrzutów tabel
--
--
-- Ograniczenia dla tabeli `samochody`
--
ALTER TABLE `samochody`
ADD CONSTRAINT `klasa_id_fk` FOREIGN KEY (`klasa_id`) REFERENCES `klasa` (`id`);
--
-- Ograniczenia dla tabeli `wypozyczenia`
--
ALTER TABLE `wypozyczenia`
ADD CONSTRAINT `klienci_id_fk` FOREIGN KEY (`klienci_id`) REFERENCES `klienci` (`id`),
ADD CONSTRAINT `samochody_id_fk` FOREIGN KEY (`samochody_id`) REFERENCES `samochody` (`id`);
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: CREATE USER 'Agnieszka' IDENTIFIED BY 'haslo4';
Zapytanie 2: SELECT AVG(rocznik) FROM samochody WHERE marka = 'opel';
Zapytanie 3: SELECT samochody.marka, klienci.imie FROM samochody, klienci, wypozyczenia WHERE wypozyczenia.klienci_id = klienci.id AND samochody.id = wypozyczenia.samochody_id;
Zapytanie 4: ALTER TABLE klasa DROP COLUMN cena;
Plik konfigurator.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>Style w JavaScript</title>
<link rel="stylesheet" href="styl6.css">
</head>
<body>
<div id="lewy">
<h1>Konfigurator stylu</h1>
<p>Podaj kolor tła<br>
<button type="submit" id="indigo" onclick="tlo('indigo')">Indigo</button>
<button type="submit" id="steelblue" onclick="tlo('steelblue')">SteelBlue</button>
<button type="submit" id="olive" onclick="tlo('olive')">Olive</button></p>
<p>Podaj kolor czcionki<br>
<select name="kolor" id="kolor" onchange="zmienKolor(this.value)">
<option value="white">White</option>
<option value="tan">Tan</option>
<option value="bisque">Bisque</option>
<option value="plum">Plum</option>
</select></p>
<p>Podaj rozmiar czcionki w procentach, np. 200%<br>
<input type="text" name="rozmiar" id="rozmiar" value="100%" onblur="zmienRozmiar(this.value)"></p>
<p>Czy rysunek ma mieć ramkę?<br>
<input type="checkbox" name="ramka" id="ramka" checked onchange="zmienRamke(this.checked)"> Rysuj ramkę</p>
<p>Jaki jest typ punktora listy?<br>
<input type="radio" name="punktor" id="punktor1" onchange="zmienPunktor(this.value)" value="disc"> dysk<br>
<input type="radio" name="punktor" id="punktor2" onchange="zmienPunktor(this.value)" value="square"> kwadrat<br>
<input type="radio" name="punktor" id="punktor3" onchange="zmienPunktor(this.value)" value="circle"> okrąg<br></p>
</div>
<div id="prawy">
<img src="gibraltar.jpg" alt="półwysep Gibraltar" id="obraz">
<ul id="lista">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
<footer>
Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a>
</footer>
<script src="skrypt.js"></script>
</body>
</html>
Plik styl6.css
body {
font-family: 'Georgia';
}
#lewy {
background: Maroon;
color: white;
height: 600px;
width: 30%;
float: left;
}
#prawy {
background: Maroon;
color: white;
height: 600px;
width: 70%;
overflow-y: scroll;
float: left;
}
footer {
clear: both;
background: dimgray;
color: white;
}
#prawy img {
float: left;
}
#prawy ul {
float: left;
}
#prawy p {
clear: both;
}
p {
padding: 10px;
}
img {
padding: 10px;
border: 1px solid white;
}
#indigo {
background: indigo;
}
#steelblue {
background: steelblue;
}
#olive {
background: olive;
}
Plik skrypt.js
function tlo(kolor) {
document.getElementById('prawy').style.backgroundColor = kolor;
}
function zmienKolor(kolor) {
document.getElementById('prawy').style.color = kolor;
}
function zmienRozmiar(rozmiar) {
document.getElementById('prawy').style.fontSize = rozmiar;
}
function zmienRamke(stan) {
if (stan == true) {
document.getElementById('obraz').style.border = "1px solid #ccc";
}
else {
document.getElementById('obraz').style.border = "none";
}
}
function zmienPunktor(punktor) {
document.getElementById('lista').style.listStyleType = punktor;
}
Plik Lorem Ipsum.txt
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL