Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-04-20.06-SG - Czerwiec 2020 - Wersja #04
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik egzamin1.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 27 Mar 2023, 00:29
-- 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: `egzamin1`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `kadra`
--
CREATE TABLE `kadra` (
`id` int(11) NOT NULL,
`imie` text NOT NULL,
`nazwisko` text NOT NULL,
`stanowisko` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;
--
-- Zrzut danych tabeli `kadra`
--
INSERT INTO `kadra` (`id`, `imie`, `nazwisko`, `stanowisko`) VALUES
(1, 'Anna', 'Karenina', 'fryzjerka'),
(2, 'Kasia', 'Figura', 'kosmetyczka'),
(3, 'Zosia', 'Kowalska', 'kosmetyczka'),
(4, 'Misia', 'Kosińska', 'fryzjerka');
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `uslugi`
--
CREATE TABLE `uslugi` (
`id` int(11) NOT NULL,
`kadra_id` int(11) NOT NULL,
`rodzaj` int(11) NOT NULL,
`nazwa` text NOT NULL,
`cena` double NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_polish_ci;
--
-- Zrzut danych tabeli `uslugi`
--
INSERT INTO `uslugi` (`id`, `kadra_id`, `rodzaj`, `nazwa`, `cena`) VALUES
(1, 1, 1, 'Usluga kosmetyczna za 20zl', 20),
(2, 1, 2, 'Usluga fryzjerska za 30zl', 30),
(3, 1, 3, 'Usluga inna za 15 zl', 15),
(4, 1, 1, 'Usluga kosmetyczna za 60 zl', 60);
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `kadra`
--
ALTER TABLE `kadra`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `uslugi`
--
ALTER TABLE `uslugi`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `kadra`
--
ALTER TABLE `kadra`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
--
-- AUTO_INCREMENT dla tabeli `uslugi`
--
ALTER TABLE `uslugi`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
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 nazwa, cena FROM uslugi WHERE cena < 30;
Zapytanie 2: SELECT SUM(cena) FROM uslugi WHERE rodzaj = 1;
Zapytanie 3: CREATE USER 'kosmetyczka'@'localhost' IDENTIFIED BY 'Kosmet34';
Zapytanie 4: GRANT SELECT, INSERT ON egzamin1.uslugi TO 'kosmetyczka'@'localhost';
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>Usługi kosmetyczne</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<div id="lewy-gora">
<h2>W ofercie</h2>
<ul>
<li><a href="twarz.html">Zabiegi na twarz</a></li>
<ol>
<li>Piling</li>
<li>Maska</li>
<li>Regulacja brwi</li>
</ol>
<li>Masaż</li>
<li>Diety oczyszczające</li>
</ul>
<a href="index.html">Do strony głównej</a>
</div>
<div id="prawy-gora">
<h1>Salon Kosmetyczny</h1>
</div>
<div id="prawy-dolny">
<img src="obraz2.jpg" alt="Zabiegi kosmetyczne">
<p>Witaj! Miło nam, że odwiedziłeś nasz salon.<br>Zapoznaj się z ofertą i sprawdź ceny zabiegów lub skontaktuj się z nami</p>
<h4>Telefon: 111 222 333</h4>
</div>
<div id="lewy-dolny">
<img src="obraz1.jpg" alt="Kosmetyczka">
</div>
<footer>
<p>Autor: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></p>
</footer>
</body>
</html>
Plik twarz.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>Usługi kosmetyczne</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<div id="lewy-gora">
<h2>W ofercie</h2>
<ul>
<li><a href="twarz.html">Zabiegi na twarz</a></li>
<ol>
<li>Piling</li>
<li>Maska</li>
<li>Regulacja brwi</li>
</ol>
<li>Masaż</li>
<li>Diety oczyszczające</li>
</ul>
<a href="index.html">Do strony głównej</a>
</div>
<div id="prawy-gora">
<h1>Salon Kosmetyczny</h1>
</div>
<div id="prawy-dolny">
<h2>Sprawdź cenę swojej wizyty</h2>
<input type="checkbox" name="piling" id="piling"> Piling<br>
<input type="checkbox" name="maska" id="maska"> Maska<br>
<input type="checkbox" name="masaz" id="masaz"> Masaż twarzy<br>
<input type="checkbox" name="regulacja" id="regulacja"> Regulacja brwi<br>
<button type="submit" onclick="cena()">Sprawdź cenę</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<div id="lewy-dolny">
<img src="obraz1.jpg" alt="Kosmetyczka">
</div>
<footer>
<p>Autor: <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 cena() {
let suma = 0;
let piling = document.querySelector("#piling");
let maska = document.querySelector("#maska");
let masaz = document.querySelector("#masaz");
let regulacja = document.querySelector("#regulacja");
if (piling.checked) {
suma += 45;
}
if (maska.checked) {
suma += 30;
}
if (masaz.checked) {
suma += 20;
}
if (regulacja.checked) {
suma += 5;
}
document.getElementById('wynik').innerHTML = "Cena zabiegów: " + suma;
}
Plik styl.css
body {
font-family: 'Garamond';
}
#lewy-gora {
height: 500px;
width: 25%;
background: Lavender;
float: left;
}
#lewy-dolny {
height: 300px;
width: 25%;
background: Lavender;
float: left;
}
#prawy-gora {
height: 150px;
width: 75%;
background: Indigo;
color: white;
font-size: 200%;
text-align: center;
float: right;
}
#prawy-dolny {
height: 650px;
width: 75%;
background: Lavender;
font-size: 200%;
text-align: center;
float: right;
}
footer {
clear: both;
background: Indigo;
color: white;
text-align: right;
}
ul {
list-style: square;
}
img {
padding: 5px;
margin: 10px;
}
img:hover {
padding: 4px;
border: 1px solid indigo;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL