Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-01-15.01 - Styczeń 2015 - Wersja #01
Skrypt: JavaScript & PHP
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
baner.jpg
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>Strona główna</title>
</head>
<body>
<header>
<a href="index.html"><img src="baner.jpg" alt="baner"></a>
</header>
<nav>
<br>Menu<br>
- <a href="strona1.html">proste działania</a><br>
- <a href="strona2.php">potęgowanie</a>
</nav>
<main>
<p><i>Znajdujesz się na stronie o tematyce matematycznej.</i></p>
<p><i>Mój PESEL to: <a href="https://ee-informatyk.pl/" target="_blank" style="color: unset;text-decoration: none;">EE-Informatyk.pl</a></i></p>
</main>
</body>
</html> Plik strona1.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>Proste działania</title>
</head>
<body>
<header>
<a href="index.html"><img src="baner.jpg" alt="baner"></a>
</header>
<nav>
<br>Menu<br>
- <a href="strona1.html">proste działania</a><br>
- <a href="strona2.php">potęgowanie</a>
</nav>
<main>
<h1>PROSTE DZIAŁANIA</h1>
<label for="pierwsza"><i>Podaj pierwszą liczbę:</i></label> <input type="number" name="pierwsza" id="pierwsza"><br>
<label for="druga"><i>Podaj drugą liczbę:</i></label> <input type="number" name="druga" id="druga"><br><br>
<button type="submit" onclick="dodawanie()">DODAWANIE</button>
<button type="submit" onclick="odejmowanie()">ODEJMOWANIE</button>
<button type="submit" onclick="mnozenie()">MNOŻENIE</button>
<button type="submit" onclick="dzielenie()">DZIELENIE</button>
<p id="wynik"></p>
<script src="skrypt.js"></script>
</main>
</body>
</html> Plik skrypt.js
function checkInputs() {
let pierwsza = document.getElementById("pierwsza").value;
let druga = document.getElementById("druga").value;
if(pierwsza == "" || druga == "") {
document.getElementById('wynik').innerHTML = "Proszę uzupełnić obie liczby.";
return false;
}
else {
return true;
}
}
function dodawanie() {
if(checkInputs()) {
let pierwsza = document.getElementById("pierwsza").value;
let druga = document.getElementById("druga").value;
let wynik = parseFloat(pierwsza)+parseFloat(druga);
document.getElementById('wynik').innerHTML = "Wynik działania wynosi: " + wynik;
}
}
function odejmowanie() {
if(checkInputs()) {
let pierwsza = document.getElementById("pierwsza").value;
let druga = document.getElementById("druga").value;
let wynik = parseFloat(pierwsza)-parseFloat(druga);
document.getElementById('wynik').innerHTML = "Wynik działania wynosi: " + wynik;
}
}
function mnozenie() {
if(checkInputs()) {
let pierwsza = document.getElementById("pierwsza").value;
let druga = document.getElementById("druga").value;
let wynik = parseFloat(pierwsza)*parseFloat(druga);
document.getElementById('wynik').innerHTML = "Wynik działania wynosi: " + wynik;
}
}
function dzielenie () {
if(checkInputs()) {
let pierwsza = document.getElementById("pierwsza").value;
let druga = document.getElementById("druga").value;
if(druga != 0) {
let wynik = parseFloat(pierwsza)/parseFloat(druga);
document.getElementById('wynik').innerHTML = "Wynik działania wynosi: " + wynik;
}
else {
document.getElementById('wynik').innerHTML = "Nie wolno dzielić przez zero";
}
}
} Plik strona2.php
<!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>Potęgowanie</title>
</head>
<body>
<header>
<a href="index.html"><img src="baner.jpg" alt="baner"></a>
</header>
<nav>
<br>Menu<br>
- <a href="strona1.html">proste działania</a><br>
- <a href="strona2.php">potęgowanie</a>
</nav>
<main>
<h1>POTĘGOWANIE</h1>
<form action="strona2.php" method="post">
<label for="podstawa"><i>Podaj podstawę potęgi:</i></label> <input type="number" name="podstawa" id="podstawa"><br><br>
<label for="wykladnik"><i>Podaj dodatni, całkowity wykładnik potęgi:</i></label> <input type="number" name="wykladnik" id="wykladnik"><br><br>
<button type="submit">POTĘGOWANIE</button>
</form>
<br>
<?php
if(isset($_POST["podstawa"]) && isset($_POST["wykladnik"])) {
$podstawa = $_POST["podstawa"];
$wykladnik = $_POST["wykladnik"];
if($wykladnik != 0) {
if(!empty($podstawa) && !empty($wykladnik)) {
if($wykladnik > 0) {
$wynik = pow($podstawa, $wykladnik);
echo "Wynik działania wynosi: $wynik";
}
else {
echo "Wykładnik potęgi musi być dodatni";
}
}
else {
echo "Wpisz podstawę i wykładnik potęgi.";
}
}
else {
echo "Wynik działania wynosi: 1";
}
}
?>
</main>
</body>
</html>Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL