Klavyeden iki sayı ve bir operatör değeri girilerek işlemleri gerçekleştiriyoruz.
Tasarımsal olarak çok iyi olmasada radio butonların işaretlerini gizleyip yazılara tıklayınca hangi işlemi yapacağımızı seçmek için biraz CSS düzenlemesi yaptım. Ayrıca PHP kodları için ayrı bir sayfaya göndermek yerine SELF olarak sayfa içinde yönlendirdim.
PHP Kodu:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
<?php $sayi1 = $_POST['sayi1'] ?? ''; $sayi2 = $_POST['sayi2'] ?? ''; $op = $_POST['op'] ?? ''; $sonuc = 0; if(isset($_POST['islem-yap'])) { if($op=='+') $sonuc = $sayi1 + $sayi2; else if($op=='-') $sonuc = $sayi1 - $sayi2; else if($op=='*') $sonuc = $sayi1 * $sayi2; else if($op=='/') $sonuc = $sayi1 / $sayi2; } ?> <!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>TasarimKodlama</title> <style> label{ display:block; } label input[type='radio']{ display:none; } label input[type='radio']+span{ color:grey; } label input[type='radio']:checked+span{ color:green; font-weight:bold; } </style> </head> <body> <form method="post" action="<?=$_SERVER['PHP_SELF']?>"> <label for="sayi1">Sayı 1:</label> <input name="sayi1" type="text" value="<?=$sayi1?>"> <label for="sayi2">Sayı 1:</label> <input name="sayi2" type="text" value="<?=$sayi2?>"> <label> <input type="radio" name="op" value="+" <?=$op=='+'?'checked':''?>><span>TOPLA</span> </label> <label> <input type="radio" name="op" value="-" <?=$op=='-'?'checked':''?>><span>ÇIKAR</span> </label> <label> <input type="radio" name="op" value="*" <?=$op=='*'?'checked':''?>><span>ÇARP</span> </label> <label> <input type="radio" name="op" value="/" <?=$op=='/'?'checked':''?>><span>BÖL</span> </label> <button type="submit" name="islem-yap">İşlem Yap</button> </form> <h2>İşlem Sonucu: <?=$sonuc?></h2> </body> </html> |
Ekran çıktısı:
Operatör Kullanarak Dört İşlem
