Javascript Basit Hesap Makinesi

Basit javascript kodları kullanılarak yapılmış Hesap Makinesi uygulaması

Javascript Basit Hesap Makinesi

 

<!DOCTYPE html>
<html>
    <head>
    <title>Hesap Makinesi</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        input[type=button] {
            background-color:aqua;
            width: 40px;
        }
        #Ekran {
            text-align: right;
            border:2px solid deeppink;
            background-color: black;
            color: white;
            font-size:15px;
        }

        .TusBuyuk {
            width: 100px !important;
            background-color: chocolate !important;
            border:1px solid gold !important;
        }

        td {
            text-align: center;
        }

        table {
            margin:auto;
        }
    </style>
</head>
<body>

    <table border="0">
        <tr>
            <td colspan="4">
        <input type="text" value="0" id="Ekran" />
    </td>
</tr>
<tr>
    <td><input type="button" value="1" id="Tus1" onclick="Yazici(1)" /></td>
<td><input type="button" value="2" id="Tus2" onclick="Yazici(2)" /></td>
<td><input type="button" value="3" id="Tus3" onclick="Yazici(3)" /></td>
<td><input type="button" value="+" id="TusArti" onclick="Islem('+')" /></td>
</tr>
<tr>
    <td><input type="button" value="4" id="Tus4" onclick="Yazici(4)" /></td>
<td><input type="button" value="5" id="Tus5" onclick="Yazici(5)" /></td>
<td><input type="button" value="6" id="Tus6" onclick="Yazici(6)" /></td>
<td><input type="button" value="-" id="TusEksi" onclick="Islem('-')" /></td>
</tr>
<tr>
    <td><input type="button" value="7" id="Tus7" onclick="Yazici(7)" /></td>
<td><input type="button" value="8" id="Tus8" onclick="Yazici(8)" /></td>
<td><input type="button" value="9" id="Tus9" onclick="Yazici(9)" /></td>
<td><input type="button" value="x" id="TusCarpi" onclick="Islem('*')" /></td>
</tr>
<tr>
    <td colspan="2"><input type="button" value="C" id="TusSil" class="TusBuyuk" onclick="Islem('C')" /></td>
<td colspan="2"><input type="button" value="=" id="TusEsittir"  class="TusBuyuk" onclick="Islem('=')"  /></td>
</tr>
</table>

<script>
    var Sayi1, Sayi2, MatIslem;
    var EkranDegeri = document.getElementById("Ekran");

    function Yazici(GelenDeger) { //alert(GelenDeger);
        if (EkranDegeri.value == 0) {
            EkranDegeri.value = "";
        }
        EkranDegeri.value += GelenDeger;
        //document.getElementById("Ekran").value += GelenDeger;
    }

    function Islem(GelenDeger) {
        if (GelenDeger == 'C') {
            EkranDegeri.value = 0;
        }
        if (GelenDeger == '+') {
            Sayi1 = EkranDegeri.value; //simdiye kadar yazılanları Sayi1 e at
            EkranDegeri.value += '+'; //islemi yaz
            MatIslem = '+';
            //Islem('C'); //Ekranı sil
        }
        if (GelenDeger == '-') {
            Sayi1 = EkranDegeri.value; //simdiye kadar yazılanları Sayi1 e at
            EkranDegeri.value += '-'; //islemi yaz
            MatIslem = '-';
            //Islem('C'); //Ekranı sil
        }
        if (GelenDeger == '*') {
            Sayi1 = EkranDegeri.value; //simdiye kadar yazılanları Sayi1 e at
            EkranDegeri.value += '*'; //islemi yaz
            MatIslem = '*';
            //Islem('C'); //Ekranı sil
        }
        if (GelenDeger == '=') {
            Sayi2 = EkranDegeri.value.split(MatIslem)[1]; //simdiye kadar yazılanları Sayi1 e at
            switch (MatIslem) {
                case '+' :
                    EkranDegeri.value = parseInt(Sayi1) + parseInt(Sayi2);
                    break;
                case '-' :
                    EkranDegeri.value = parseInt(Sayi1) - parseInt(Sayi2);
                    break;
                case '*' :
                    EkranDegeri.value = parseInt(Sayi1) * parseInt(Sayi2);
                    break;
            }
        }
    }
</script>
</body>
</html>

   

6,319 Okunma Henüz yorum yapılmamış 05/04/2022 12:22:52 05/04/2022 15:24:04

Yorumunuzu Ekleyin
Görsel Liste


DropDown Menü Uygulaması

Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği

25,212 okuma,

Fonksiyonlar

21,595 okuma,

Olaylar (Events)

24,876 okuma,

Fare Uygulamaları

24,174 okuma,

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

28,153 okuma,

Pencere Uygulamaları

21,917 okuma,

Dinamik İçerik Eklemek

30,015 okuma,

Sayfadaki Nesnelere Erişim

22,536 okuma, 13/01/2014

Sayfadaki Formlara Erişim

22,781 okuma,

Arka Plan Uygulamaları

29,326 okuma,

Filitre Uygulamaları

22,168 okuma,

Resim Değiştirme Uygulamaları

27,046 okuma, 19/04/2022

Resim Hareketlendirme

27,815 okuma,

OnSubmit() Uygulamaları

22,539 okuma,

Tab Menu Uygulamaları

Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması

23,956 okuma,

Sayıları Roma Rakamına, Roma Rakamlarını sayılara çeviren uygulama

24,700 okuma,

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

30,229 okuma, 19/04/2022

X Ekseni girilen bir nesnenin ekranda kayması

Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulama

22,027 okuma, 26/04/2022

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

36,396 okuma,

IF Kulanımı

if birçok uygulamanın merkezinde kullanılan bir komuttur.

18,974 okuma, 10/01/2014

Geometri, Fizik, Matematik Formüllerini Javascript Fonksiyonuna Çevirme

2,864 okuma, 26/04/2022

HTML Kodu Üreten Javascript

Bir kodu aynı sayfa içinde 500 kez tekrarlamak için javascript yeteneklerinden faydalanabiriliz.

2,850 okuma, 10/05/2022

Basit Sürükle Bırak Uygulaması

2,861 okuma, 10/05/2022

Sayaç(Counter) Uygulaması

2,963 okuma, 10/05/2022

Javascript İle Yapılmış Puantaj (Scoreboard) Uygulaması

2,998 okuma, 10/05/2022

Yükleniyor...
    Yükleniyor...