Hesaplama Tablosu ( HTML + CSS + PHP + JAVASCRİPT )


EmreOZCELIK

Acemi Üye
Üye
15 Ocak 2019
20
19
3
4 Web dilinden parça parça alınarak kodlanmış sade ve stabil bir hesaplama tablosu:

Görünüm:

10


Kod:
<?php
error_reporting(0);

    $deger1 = $_POST["deger1"];

    $deger2 = $_POST["deger2"];


?>
<html>
<head>
    <title>Hesap Makinesi</title>
</head>
<style>
    .tablo{

    }
    .tablo h1{
        text-align: center;
    }
    .tablo form input[type=submit]{
    float: center;
        background-color: aqua;
    border-radius: 3px;
    }
    .tablo button{
        background-color: red;
    }
    .tablo form input[type=text]{
        float: center;
        margin-bottom: 10px;
        border-radius: 3px;
    }
    .tablokenar{
        width: 200px;
        border-style: dashed;
        margin-bottom: 5px;
    }
</style>
<script type="application/javascript">

    function toplama() {
        var degisken = '<?php echo $deger1; ?>';
        var degisken2 = '<?php echo $deger2; ?>';
        var toplam = degisken+degisken2;
        window.alert(toplam);
    }

    function cikarma() {
        var degisken = '<?php echo $deger1; ?>';
        var degisken2 = '<?php echo $deger2; ?>';
        window.alert(degisken-degisken2);
    }
    function carpma() {
        var degisken = '<?php echo $deger1; ?>';
        var degisken2 = '<?php echo $deger2; ?>';
        window.alert(degisken*degisken2);
    }
    function bolme() {
        var degisken = '<?php echo $deger1; ?>';
        var degisken2 = '<?php echo $deger2; ?>';
        window.alert(degisken/degisken2);
    }

</script>
<body>
<div class="tablo">
<h1>Hesaplama Tablosu</h1>
<hr>
<h2>Girilen Değerler</h2>
    <div class="tablokenar">
<h4><b>İlk Değer:</b> <?php echo $deger1; ?></h4>
    </div>
    <div class="tablokenar">
<h4><b>İkinci Değer:</b> <?php echo $deger2; ?></h4>
    </div>
    <center>
<form action="index.php" method="POST">

    1. Değer: <input type="text" name="deger1"><br>
    2. Değer: <input type="text" name="deger2"><br><br>
    <input type="submit" value="Değerleri Kaydet">
    <input type="submit" href="index.php" value="Yenile">

</form>
    </center>
<button value="Tıkla" onclick="toplama();">Topla</button>
<button value="Tıkla" onclick="cikarma();">Çıkart</button>
<button value="Tıkla" onclick="carpma();">Çarp</button>
<button value="Tıkla" onclick="bolme();">Böl</button>
</div>
</body>
</html>
İlerleyen zamanlarda sade ve stabil sistemleri de ileteceğim.
 
  • Beğendim
Tepkiler: nigga