Rabu, 13 September 2017

CARA MEMBUAT KALKULATOR SEDERHAN via NOTEPAD++

Hello gan kite bertemu lagi saat ini saya akan memberikan tutorial membuat kalkulator sederhana dengan bantuan aplikasi notepad ++ ok langsung aja gan ...

..
cekidot......
..

1. Pertama dan yang terpenting adalah kita harus ada PC atau laptop yang sudah ada aplikasi notepad++
2. Kedua kita jalankan aplikasinya

3. Selanjutnya kita membuat format HTML di aplikasi tersebut lalu kita simpan dulu dengan format HTML
4. Lalu kita membuat text box di BODY di aplikasinya
atau bisa copas di bawah ini
<div class="tengah">
    <div class="text2">MEMBUAT KALKULATOR SEDERHANA</div><br>
        <div>
            <label class="text">Bilangan 1</label>
            <input type="text" id="txtbil1"/>
        </div>
        <div>
            <label class="text">Bilangan 2</label>
            <input type="text" id="txtbil2"/>
        </div>
        <div>
            <label class="text">Hasil</label>
            <label id="lblhasil" class="text" style="font-style=bold;">Hasil_Proses</label>
        </div>
        <div>
            <input type="button" id="btnHasil" value="Perkalian" onclick="kali()"/>
            <input type="button" id="btnHasil" value="Pembagian" onclick="bagi()"/>
            <input type="button" id="btnHasil" value="Penjumlahan" onclick="jumlah()"/>
            <input type="button" id="btnHasil" value="Pengurangan" onclick="kurang()"/>   
        </div>


5. Setelah itu kita baru buat script karkulatornya.
atau bisa copas disini
    <script>
        function kali()
        {
            var bil1 = document.getElementById("txtbil1").value;
            var bil2 = document.getElementById("txtbil2").value;
            var hasil = parseInt(bil1)*parseInt(bil2);
            document.getElementById("lblhasil").innerHTML = hasil;
        }
        function bagi()
        {
            var bil1 = document.getElementById("txtbil1").value;
            var bil2 = document.getElementById("txtbil2").value;
            var hasil = parseInt(bil1)/parseInt(bil2);
            document.getElementById("lblhasil").innerHTML = hasil;
        }
        function jumlah()
        {
            var bil1 = document.getElementById("txtbil1").value;
            var bil2 = document.getElementById("txtbil2").value;
            var hasil = parseInt(bil1)+parseInt(bil2);
            document.getElementById("lblhasil").innerHTML = hasil;
        }
        function kurang()
        {
            var bil1 = document.getElementById("txtbil1").value;
            var bil2 = document.getElementById("txtbil2").value;
            var hasil = parseInt(bil1)-parseInt(bil2);
            document.getElementById("lblhasil").innerHTML = hasil;
        }
    </script>


6. Setelah semuanya sudah kita bisa menjalankan formula tadi dan jadinya seperti ini.








OK gan sampa sini tutorialnya tolong dikomen ya buat progres kedepan semoga bisa bermanfaat buat yang lagi membutuhklan see you next time ........... ;v






Tidak ada komentar:

Posting Komentar

Tugas Rekayasa Perangkat Lunak (Kelas SP4.2)

1.Tahapan Pengembangan RPL a.Rekayasa sistem dan Analisis (Sistem Engineering and Analysis) Karena perangkat lunak adalah bagian dari siste...