Rozwiązanie - Egzamin Praktyczny EE.09
Arkusz EE.09-04-19.06 - Czerwiec 2019 - Wersja #04
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Plik arytmetyka.sql
-- phpMyAdmin SQL Dump
-- version 5.2.0
-- https://www.phpmyadmin.net/
--
-- Host: 127.0.0.1
-- Czas generowania: 25 Mar 2023, 10:15
-- 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: `arytmetyka`
--
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `matematycy`
--
CREATE TABLE `matematycy` (
`id` int(10) UNSIGNED NOT NULL,
`imie` text DEFAULT NULL,
`nazwisko` text DEFAULT NULL,
`rok_urodzenia` int(10) DEFAULT NULL,
`liczba_publikacji` int(10) UNSIGNED DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;
--
-- Zrzut danych tabeli `matematycy`
--
INSERT INTO `matematycy` (`id`, `imie`, `nazwisko`, `rok_urodzenia`, `liczba_publikacji`) VALUES
(1, 'Stefan', 'Banach', 1892, 20),
(2, 'Leonardo', 'Fibonacci', 1175, 15),
(3, 'Augustin', 'Cauchy', 1789, 10),
(4, 'Leonard', 'Euler', 1707, 30),
(5, 'Gotfried', 'Leibniz', 1646, 40);
-- --------------------------------------------------------
--
-- Struktura tabeli dla tabeli `publikacje`
--
CREATE TABLE `publikacje` (
`id` int(11) NOT NULL,
`tytul` text NOT NULL,
`rok` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
--
-- Indeksy dla zrzutów tabel
--
--
-- Indeksy dla tabeli `matematycy`
--
ALTER TABLE `matematycy`
ADD PRIMARY KEY (`id`);
--
-- Indeksy dla tabeli `publikacje`
--
ALTER TABLE `publikacje`
ADD PRIMARY KEY (`id`);
--
-- AUTO_INCREMENT dla zrzuconych tabel
--
--
-- AUTO_INCREMENT dla tabeli `matematycy`
--
ALTER TABLE `matematycy`
MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
--
-- AUTO_INCREMENT dla tabeli `publikacje`
--
ALTER TABLE `publikacje`
MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;
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 imie, nazwisko FROM matematycy WHERE rok_urodzenia > 1700;
Zapytanie 2: SELECT id, nazwisko FROM matematycy WHERE liczba_publikacji > 10 AND liczba_publikacji < 30;
Zapytanie 3: SELECT SUM(liczba_publikacji) FROM matematycy WHERE rok_urodzenia > 1750;
Zapytanie 4: CREATE TABLE publikacje (id INTEGER NOT NULL AUTO_INCREMENT, tytul TEXT NOT NULL, rok INTEGER NOT NULL, PRIMARY KEY(id));
Plik dzialania.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>Działania matematyczne</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<div id="baner1">
<img src="logo.jpg" alt="matematyka">
</div>
<div id="baner2">
<h1>Pomocnik Matematyczny</h1>
</div>
<div id="baner3">
<a href="dzialania.html"><h4>Działania</h4></a>
</div>
<div id="baner4">
<a href="mnozenie.html"><h4>Tabliczka mnożenia</h4></a>
</div>
<div id="lewy">
<h3>Proste działania</h3>
<label for="a">liczba A:</label> <input type="text" name="a" id="a"><br>
<label for="b">liczba B:</label> <input type="text" name="b" id="b"><br>
<button onclick="dzialanie('dodawanie')">+</button>
<button onclick="dzialanie('odejmowanie')">-</button>
<button onclick="dzialanie('mnozenie')">*</button>
<button onclick="dzialanie('dzielenie')">/</button>
<button onclick="dzialanie('potegowanie')">A^B</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</div>
<div id="prawy">
<ul>
<li>dodawanie</li>
<li>odejmowanie</li>
<li>mnożenie</li>
<li>dzielenie</li>
<li>potęgowanie</li>
</ul>
</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 mnozenie.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>Działania matematyczne</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<div id="baner1">
<img src="logo.jpg" alt="matematyka">
</div>
<div id="baner2">
<h1>Pomocnik Matematyczny</h1>
</div>
<div id="baner3">
<a href="dzialania.html"><h4>Działania</h4></a>
</div>
<div id="baner4">
<a href="mnozenie.html"><h4>Tabliczka mnożenia</h4></a>
</div>
<div id="lewy">
<img src="obraz2.jpg" alt="tabliczka mnożenia">
</div>
<div id="prawy">
<ul>
<li>dodawanie</li>
<li>odejmowanie</li>
<li>mnożenie</li>
<li>dzielenie</li>
<li>potęgowanie</li>
</ul>
</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 dzialanie(typDzialania) {
let a = document.getElementById('a').value;
let b = document.getElementById('b').value;
let wynikDzialania;
if (typDzialania === 'dodawanie') {
wynikDzialania = parseInt(a) + parseInt(b);
} else if (typDzialania === 'odejmowanie') {
wynikDzialania = parseInt(a) - parseInt(b);
} else if (typDzialania === 'mnozenie') {
wynikDzialania = parseInt(a) * parseInt(b);
} else if (typDzialania === 'dzielenie') {
wynikDzialania = parseInt(a) / parseInt(b);
} else if (typDzialania === 'potegowanie') {
wynikDzialania = Math.pow(parseInt(a), parseInt(b));
}
document.getElementById('wynik').innerHTML = 'Wynik: ' + wynikDzialania;
}
Plik styl.css
body {
font-family: 'Tahoma';
color: #ffffff;
}
#baner1,
#baner3,
#baner4 {
background: #983713;
width: 17%;
height: 100px;
float: left;
}
#baner2 {
background: #983713;
width: 49%;
height: 100px;
text-align: center;
float: left;
}
#lewy {
clear: both;
background: #FF7F50;
width: 80%;
height: 500px;
float: left;
}
#prawy {
background: #FF7F50;
width: 20%;
height: 500px;
float: left;
}
footer {
clear: both;
background-color: #983713;
text-align: right;
}
button {
background: #D3D3D3;
color: #2F2F2F;
border: 2px solid #2F2F2F;
margin: 5px;
padding: 10px 30px;
}
input {
color: #FF7F50;
}
Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL