Просто калкулаторче

Автор: advokata

Здравейте!
В това уроче ще ви покажа как да си направим един прост калкулатор
(събиране,изваждане,умножение,деление).
Урокът ще съдържа 4 файла: index.php
index2.php
css.css
input_small.jpeg
Изображението ще се намира във директория под името images. Ще трябва и да свалите изображението.

Нека започнем
Първо създаваме файлът index.php който ще съдържа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Прост калкулатор</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="css.css">
</head>
<body>
<form action="index2.php" method="POST">
<table class="table" width="850" cellspacing="0" align="center">
<tr>
<td class="td" background="images/input_small.jpeg"> Какво е вашето действие?</td>
</tr>
<tr>
<td>
Действие: <input type="radio" name="sybirane">Събиране</input> <input type="radio" name="izvajdane">Изваждане</input> <input type="radio" name="umnojavane">Умножаване</input> <input type="radio" name="delenie">Деление</input>
<hr size="1" color="#999999">
Първо число: <input type="text" name="first"><br><br>
Второ число: <input type="text" name="secon"><br>
<center><button type="submit">Продължаване</button> <button type="reset">Наново</button></center>
</td>
</tr>
</table>
</form>
</body>
</html>

Този файл съдържа формата от която да напишем числата и да си изберем желаното действие.

Сега нека създадем файл index2.php който ще съдържа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Прост калкулатор</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="css.css">
</head>
<body>
<table class="table" width="850" cellspacing="0" align="center">
<tr>
<td class="td" background="images/input_small.jpeg"> Получено число</td>
</tr>
<tr>
<td>
<?PHP
$first = $_POST["first"];
$secon = $_POST["secon"];
$sybirane = $first + $secon;
$izvajdane = $first - $secon;
$umnjonie = $first * $secon;
$delenie = $first / $secon;

if(isset($_POST["sybirane"])) {
echo "$first + $secon = $sybirane";
}
if(isset($_POST["izvajdane"])) {
echo "<br>$first - $secon = $izvajdane";
}
if(isset($_POST["umnojavane"])) {
echo "<br>$first * $secon = $umnjonie";
}
if(isset($_POST["delenie"])) {
echo "<br>$first : $secon = $delenie";
}
if(empty($first) && empty($secon)) {
die("Не сте попълнили някое от полетата!!!");
}
?>
<br>
<center><a href="index.php">Върнете се назад</a></center>
</td>
</tr>
</table>
</body>
</html>

В този файл се съдържа самият калкулатор , нали разбирате. От предишният файл като сме избрали действие и написали някакви две числа тук в този файл резултатът се показва.

А сега нека създадем файлът който съдържа стилът на системата , файлът се казва css.css и съдържа:

body {
background-color:#F1F1F1;
color:#919191;
font-size:11px;
font:Verdana, Arial, Helvetica, sans-serif;
margin-top:5px;
margin-left:10px;
}
.table {
border:1px #999999 solid;
color:#000099;
padding:0px;
}
.td {
padding:0px;
border-bottom:1px #999999 solid;
}
button {
border:#990000 1px solid;
color:#009900;
font-size:12px;
}
button:hover {
border:1px #123456 solid;
font-size:11px;
color:#666666;
}

С това свършихме!
Трябва да си свалиме следното изображение и да го поставим в директория под името images

Знам че има хиляди такива уроци , но това скриптче съм го правил аз и просто исках да видя мненията ви. Все пак не съм професионалист по PHP…

Благодаря за вниманието!