Szerző Téma: Számológép v1.1, v1.2, v1.3  (Megtekintve 4447 alkalommal)

Számológép v1.1, v1.2, v1.3
« Dátum: 2015. július 27. - 14:45:18 »
+4 Show voters
Sziasztok! Kezdő PHP tanuló vagyok. Unatkoztam, így megalkottam ezt a számológépet egy kis dizájnnal, illetve HTML kóddal körülölelve. A végére egy teljesen használható, gombos számológépet szeretnék megalkotni. Egyelőre űrlapokkal oldottam meg. Készítési idő: kb. 30 perc (a kivitelezés ötletezésével együtt).
Használat: Szerezz be egy webszervert, például: Apache, Wampserver, stb. (persze, ha még nincs). Mentsd el a fájlt Notepad++-szal, vagy egyéb szövegszerkesztő programmal <b>szamologep.php</b> néven. Írd be a böngésződ címsorába: <b>localhost/szamologep.php</b>. Ha ez meg van, akkor saját magad is tesztelheted, hogy működik-e. :) Ha a lejjebb található designt is fel szeretnéd használni, akkor mentsd el egy szövegszerkesztővel az alább található CSS kódot <b>style.css</b> néven, és helyezd ugyanabba a mappába, ahol a <b>szamologep.php</b> fájlod van.
 

v1.1
<b>HTML, PHP kód</b>
 

<!DOCTYPE html>
<head>
<title>Számológép v1.1</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<meta name=\"author\" content=\"ElektroN\" />
<link rel=\"stylesheet\" href=\"style.css\" />
</head>
<body>
<h1 class=\"h1\">Összeadás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"osszeadas1\" value=\"\" /> + <input type=\"text\" name=\"osszeadas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<?php
if(isset($_POST[\"osszeadas1\"]) && ($_POST[\"osszeadas2\"]))
{
print \'<span class=\"a\">Eredmény: </span>\';
print $_POST[\"osszeadas1\"]+$_POST[\"osszeadas2\"];
}
?>
</form>
<br />
<hr />
<h1 class=\"h1\">Szorzás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"szorzas1\" value=\"\" /> * <input type=\"text\" name=\"szorzas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<?php
if(isset($_POST[\"szorzas1\"]) && $_POST[\"szorzas2\"])
{
print \'<span class=\"a\">Eredmény: </span>\';
print \'<span class=\"a\">\'.$_POST[\"szorzas1\"]*$_POST[\"szorzas2\"].\'</span>\';
}
?>
</form>
<br />
<hr />
<h1 class=\"h1\">Kivonás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"kivonas1\" value=\"\" /> - <input type=\"text\" name=\"kivonas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<?php
if(isset($_POST[\"kivonas1\"]) && ($_POST[\"kivonas2\"]))
{
print \'<span class=\"a\">Eredmény: </span>\';
print $_POST[\"kivonas1\"]-$_POST[\"kivonas2\"];
}
?>
</form>
<br />
<hr />
<h1 class=\"h1\">Osztás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"osztas1\" value=\"\" /> : <input type=\"text\" name=\"osztas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<?php
if(isset($_POST[\"osztas1\"]) && ($_POST[\"osztas2\"]))
{
print \'<span class=\"a\">Eredmény: </span>\';
print $_POST[\"osztas1\"]/$_POST[\"osztas2\"];
}
?>
</form>
<br />
<hr />
<div id=\"footer\">
<?php
print \'<h3 id=\"footer\">© \'.date(\"Y\").\' - Számológép by <a id=\"footer\" href=\"http://sampforum.hu/index.php?action=profile;u=14525\"><b id=\"b\">Elektron</b></a></h3>\'; // Ne tüntesd el!
?>
</div>
</body>
</html>

 
<b>CSS kód</b>
 

body {
background-color: #686868 ;
}
h1.h1 {
text-align: center;
color: white;
font-family: courier;
}
span.imp {
margin: 0 500px;
}
input[type=text] {
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
background-color: #ccc;
}
input[type=submit] {
color: black;
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
}
input[type=text]:hover {
box-shadow: 4px black;
}
span.a {
margin: 0 300px;
color: #ccc;
}
div#footer {
background-color:
}
h3#footer {
color: white;
font-family: courier;
text-align: center;
}
b#b {
color: black;
}
a#footer {
text-decoration: underline;
}

 
v1.2
A v1.2 annyiban különbözik a v1.1-től, hogy egy feldolgozó formba van téve az összes művelet, így egyszerre dolgozza fel az összeadást, kivonást, szorzást, osztást. Magyarul ha minden mezőbe írsz valamit, akkor alul kiírja az összeset. A v1.1-ben csak azt a mezőt írta ki, amelyik formhoz tartozó gombot nyomtad meg. Mostmár alul írja ki az eredményt. Élesben kipróbálhatod: http://os-rp.ml/szamologepv12.php
<b>HTML, PHP kód</b>
 

<!DOCTYPE html>
<head>
<title>Számológép v1.2</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<meta name=\"author\" content=\"ElektroN\" />
<link rel=\"stylesheet\" href=\"stylev12.css\" />
</head>
<body>
<h1 class=\"h1\">Összeadás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"osszeadas1\" value=\"\" /> + <input type=\"text\" name=\"osszeadas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<h1 class=\"h1\">Szorzás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"szorzas1\" value=\"\" /> * <input type=\"text\" name=\"szorzas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<h1 class=\"h1\">Kivonás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"kivonas1\" value=\"\" /> - <input type=\"text\" name=\"kivonas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<br />
<h1 class=\"h1\">Osztás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"osztas1\" value=\"\" /> : <input type=\"text\" name=\"osztas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<br />
<h1 id=\"answers\"><u>Megoldások</u></h1>
</form>
<?php
if(isset($_POST[\"osszeadas1\"]) && ($_POST[\"osszeadas2\"]))
{
print \'<h3 class=\"answers\">Összeadás eredménye: </h3>\';
print $_POST[\"osszeadas1\"]+$_POST[\"osszeadas2\"];
}
print \'<br />\';
if(isset($_POST[\"szorzas1\"]) && ($_POST[\"szorzas2\"]))
{
print \'<h3 class=\"answers\">Szorzás eredménye: </h3>\';
print $_POST[\"szorzas1\"]*$_POST[\"szorzas2\"];
}
print \'<br />\';
if(isset($_POST[\"kivonas1\"]) && ($_POST[\"kivonas2\"]))
{
print \'<h3 class=\"answers\">Kivonás eredménye: </h3>\';
print $_POST[\"kivonas1\"]-$_POST[\"kivonas2\"];
}
print \'<br />\';
if(isset($_POST[\"osztas1\"]) && ($_POST[\"osztas2\"]))
{
print \'<h3 class=\"answers\">Osztás eredménye: </h3>\';
print $_POST[\"osztas1\"]/$_POST[\"osztas2\"];
}
?>
</body>
</html>

 
<b>CSS kód</b>
 

body {
background-color: grey;
}
h1.h1 {
text-align: center;
color: white;
font-family: courier;
}
span.imp {
margin: 0 500px;
}
input[type=text] {
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
background-color: #ccc;
}
input[type=submit] {
color: black;
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
}
input[type=text]:hover {
box-shadow: 4px black;
}
span.a {
margin: 0 300px;
color: #ccc;
}
div#footer {
background-color:
}
h3#footer {
color: white;
font-family: courier;
text-align: center;
}
b#b {
color: black;
}
a#footer {
text-decoration: underline;
}
h1#answers {
color: white;
font-family: courier;
margin: 0 550px;
font-size: 40px;
}
h3.answers {
color: white;
}
span.answers {
margin: 0 500px;
}

 
v1.3
A v1.3 eltérései a v1.2-től:
<b>Nincs megadva művelet</b> ág hozzárendelve, viszont ez úgy került megoldásra, hogy amikor rámész az oldalra, akkor kiírja az összes művelet nevét, és alá írja, hogy <b>nincs megadva művelet</b>. Ha írsz egy műveletet az űrlapba, akkor kiírja az adott művelet alá az eredményt, viszont amelyikhez nem rendeltél hozzá műveletet, annál változatlanul marad a <b>nincs megadva művelet</b> felirat.
<b>HTML, PHP kód</b>
 

<!DOCTYPE html>
<head>
<title>Számológép v1.3</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<meta name=\"author\" content=\"ElektroN\" />
<link rel=\"stylesheet\" href=\"stylev12.css\" />
</head>
<body>
<h1 class=\"h1\">Összeadás:</h1>
<form method=\"post\" action=\"\">
<span class=\"imp\"><input type=\"text\" name=\"osszeadas1\" value=\"\" /> + <input type=\"text\" name=\"osszeadas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<h1 class=\"h1\">Szorzás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"szorzas1\" value=\"\" /> * <input type=\"text\" name=\"szorzas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<h1 class=\"h1\">Kivonás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"kivonas1\" value=\"\" /> - <input type=\"text\" name=\"kivonas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<br />
<h1 class=\"h1\">Osztás:</h1>
<span class=\"imp\"><input type=\"text\" name=\"osztas1\" value=\"\" /> : <input type=\"text\" name=\"osztas2\" value=\"\" /> <input type=\"submit\" value=\"=\" /><br /></span>
<br />
<hr />
<br />
</form>
<h1 id=\"answers\"><u>Megoldások</u></h1>
<?php
if(isset($_POST[\"osszeadas1\"]) && ($_POST[\"osszeadas2\"]))
{
print \'<h3 class=\"answers\">Összeadás eredménye: </h3>\';
print $_POST[\"osszeadas1\"]+$_POST[\"osszeadas2\"];
}
else
{
print \'<h3 class=\"answers\">Összeadás eredménye: </h3>\';
print \'Nincs megadva művelet.\';
}
print \'<br />\';
if(isset($_POST[\"szorzas1\"]) && ($_POST[\"szorzas2\"]))
{
print \'<h3 class=\"answers\">Szorzás eredménye: </h3>\';
print $_POST[\"szorzas1\"]*$_POST[\"szorzas2\"];
}
else
{
print \'<h3 class=\"answers\">Szorzás eredménye: </h3>\';
print \'Nincs megadva művelet.\';
}
print \'<br />\';
if(isset($_POST[\"kivonas1\"]) && ($_POST[\"kivonas2\"]))
{
print \'<h3 class=\"answers\">Kivonás eredménye: </h3>\';
print $_POST[\"kivonas1\"]-$_POST[\"kivonas2\"];
}
else
{
print \'<h3 class=\"answers\">Kivonás eredménye: </h3>\';
print \'Nincs megadva művelet.\';
}
print \'<br />\';
if(isset($_POST[\"osztas1\"]) && ($_POST[\"osztas2\"]))
{
print \'<h3 class=\"answers\">Osztás eredménye: </h3>\';
print $_POST[\"osztas1\"]/$_POST[\"osztas2\"];
}
else
{
print \'<h3 class=\"answers\">Osztás eredménye: </h3>\';
print \'Nincs megadva művelet.\';
}
?>
</body>
</html>

 
<b>CSS kód</b>
 

body {
background-color: grey;
}
h1.h1 {
text-align: center;
color: white;
font-family: courier;
}
span.imp {
margin: 0 500px;
}
input[type=text] {
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
background-color: #ccc;
}
input[type=submit] {
color: black;
border: 2px solid black;
border-radius: 4px 4px 4px 4px;
}
input[type=text]:hover {
box-shadow: 4px black;
}
span.a {
margin: 0 300px;
color: #ccc;
}
div#footer {
background-color:
}
h3#footer {
color: white;
font-family: courier;
text-align: center;
}
b#b {
color: black;
}
a#footer {
text-decoration: underline;
}
h1#answers {
color: white;
font-family: courier;
margin: 0 550px;
font-size: 40px;
}
h3.answers {
color: white;
}
span.answers {
margin: 0 500px;
}

 
A teszthez kattints ide!
« Utoljára szerkesztve: 2015. augusztus 05. - 12:21:28 írta ElektroN »

Számológép v1.1, v1.2, v1.3
« Válasz #1 Dátum: 2015. július 27. - 14:57:25 »
0 Show voters
Egy képet rakhatnál,egyébként szép munka!

Számológép v1.1, v1.2, v1.3
« Válasz #2 Dátum: 2015. július 27. - 15:02:44 »
0 Show voters
Ezen a linken élesben is kipróbálhatod: http://os-rp.ml/szamologep.php

Számológép v1.1, v1.2, v1.3
« Válasz #3 Dátum: 2015. július 27. - 15:05:14 »
0 Show voters
Tetszik,igaz lehetne valami szebb kinézet de nekem bejön.

Számológép v1.1, v1.2, v1.3
« Válasz #4 Dátum: 2015. július 27. - 15:06:21 »
0 Show voters
Köszi! :) Ez még csak a v1.1, lesz több verzió is idővel, ahol a design is változni fog.

ᗩωєѕσмє

  • Vendég
Számológép v1.1, v1.2, v1.3
« Válasz #5 Dátum: 2015. július 27. - 15:09:02 »
0 Show voters
Jólett. Egyébként ha betüt írok be, akkor: Warning: Division by zero in /home/u944894278/public_html/szamologep.php on line 93
Erre kitalálhatnál valami olyat, hogy `Csak számok beírása engedélyezett` :)

Számológép v1.1, v1.2, v1.3
« Válasz #6 Dátum: 2015. július 27. - 15:11:33 »
0 Show voters
Hmm, erre nem is gondoltam. v1.2-ben bent lesz! Amúgy köszi.
Edit: nekem 0-s eredményt ad betű esetén. De kitalálok valamit.
« Utoljára szerkesztve: 2015. július 27. - 15:15:06 írta ElektroN »

ᗩωєѕσмє

  • Vendég
Számológép v1.1, v1.2, v1.3
« Válasz #7 Dátum: 2015. július 27. - 15:27:23 »
0 Show voters
Idézetet írta: ElektroN date=1438002693\" data-ipsquote-contentapp=\"forums\" data-ipsquote-contenttype=\"forums\" data-ipsquote-contentid=\"56640\" data-ipsquote-contentclass=\"forums_Topic
Edit: nekem 0-s eredményt ad betű esetén. De kitalálok valamit.
 
Lehet, hogy csak az osztásnál van warning. Énis csak azt próbáltam

Számológép v1.1, v1.2, v1.3
« Válasz #8 Dátum: 2015. július 27. - 15:38:05 »
0 Show voters
Szép Munka! :D

Számológép v1.1, v1.2, v1.3
« Válasz #9 Dátum: 2015. július 27. - 15:43:35 »
+2 Show voters
Köszi. :)

Nem elérhető Diogo

  • 121
    • Profil megtekintése
Számológép v1.1, v1.2, v1.3
« Válasz #10 Dátum: 2015. július 27. - 16:34:36 »
0 Show voters
Jó féle :\'D

Számológép v1.1, v1.2, v1.3
« Válasz #11 Dátum: 2015. július 27. - 18:33:36 »
+1 Show voters
Megjött a v1.2! Feljebb olvashattok róla! Itt érhetitek el a live demot: http://os-rp.ml/szamologepv12.php

ᗩωєѕσмє

  • Vendég
Számológép v1.1, v1.2, v1.3
« Válasz #12 Dátum: 2015. július 27. - 18:35:45 »
0 Show voters
Fasza! :)


Majd letesztelem.

Számológép v1.1, v1.2, v1.3
« Válasz #13 Dátum: 2015. július 27. - 18:55:15 »
0 Show voters
Idézetet írta: ᗩωєѕσмє date=1438014945\" data-ipsquote-contentapp=\"forums\" data-ipsquote-contenttype=\"forums\" data-ipsquote-contentid=\"56640\" data-ipsquote-contentclass=\"forums_Topic
Fasza! :)


Majd letesztelem.
 
Rendben. Ha bármi észrevételed van, vagy hibát találtál, kérlek jelezd :)

Számológép v1.1, v1.2, v1.3
« Válasz #14 Dátum: 2015. július 29. - 11:50:33 »
0 Show voters
Egy hibát észrevettem.Ha pl:13-15-öt kivonok az ugye -2 és 28-at ír.

 

SimplePortal 2.3.7 © 2008-2024, SimplePortal