skip to main | skip to sidebar

Sunday 30 June 2019

Program Konversi ( Decimal - Hexadecimal ) dengan Javascript

Sebelum membuat sebuah program kita harus tau terlebih dahulu apa itu Decimal dan Hexadecimal. Disini akan dijelaskan secara singkat saja. Untuk selengkapnya kalian bisa cari artikel-artikel lain di internet. Dan mungkin cara yang saya gunakan disini berbeda di artikel lain.


Decimal adalah sebuah bilangan yang menggunakan 10 basis angka diantaranya 0, 1, 2, 3, 4, 5, 6, 7, 8 dan 9. Penulisannya sama seperti penulisan angka pada umumnya. Rentang nilai dari bilangan decimal adalah 0 - 255.

Sedangakan Hexadecimal adalah bilangan yang menggunakan basis 16. Untuk bilangan hexadecimal menggunakan angka dan huruf yang diantaranya 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E dan F. Bilangan A sampai F juga memiliki nilai, A(10), B(11), C(12), D(13), E(14), F(15). Penulisan hexadesimal menggunakan dua digit bilangan contohnya A1, 0D. Rentang nilai dari hexadecimal adalah 00 - FF. Nilai jika di konversi ke decimal adalah 00 = 0 dan FF = 255.

Konversi dari Decimal ke Hexadecimal
- Kita ambil nilai bilangan decimal semisal 12.
- Kita tau bahwa 12 tidak lebih dari 15.
--- ( 15 adalah nilai maxsimal yang dimiliki bilangan hexadecimal yaitu F ).
- Jika nilai tidak lebih dari 15 maka kita tulis digit pertama dengan 0.
- Lalu untuk digit kedua dengan C karena nilai 12 dalah hexa adalah C.
- Hasil dari konversinya adalah 0C.

- Sekarang kita ganti nilai bilangan decimalnya dengan 74.
- Nilai 74 yang pasti lebih dari 15. Maka kita bagi dengan 16. Karena digit pertama dari hexadecimal bernilai 16 x nilai bilangan. Semisal 2A, angka 2 bernilai 32 ( 2 x 16 ) dan huruf A bernilai 10.
- Hasil dari 74 / 16 adalah 4.625.
- Kita ambil nilai 4 saja dan memiliki sisa bagi 10.
--- Karena 4 x 16 = 64.
--- 74 - 64 adalah 10, karena 10 tidak bisa dibagi dengan 16 ( pembagi ) maka 10 menjadi sisa bagi.
- Hasil bagi tadi (4) untuk bilangan hexadecimal digit pertama dan sisa bagi (10) untuk digit kedua.
- Hasil dari konversinya adalah 4A.

Untuk lebih memahami, silahkan perhatikan penjelasan di atas sambil praktik di kertas atau komputer masing-masing.

Konversi Hexadecimal ke Decimal
Untuk konversi ini lebih mudah. Karena cukup dengan mengalikan bilangan bilangan pertama dengan 16 dan dijumlahkan nilai dari bilangan kedua.
- Kita ambil nilai FD ( bukan Flashdisk :D ).
- Kalikan F dengan 16 dan jumlahkan dengan nilai D(13).
- F(15) x 16 = 240.
- 240 + D(13) = 253.
- Hasil konversinya adalah 253.

- Contoh lain 0F.
- Kalikan 0 dengan 16 dan jumlahkan dengan F(15).
- 0 x 16 = 0.
- 0 + F(15) = 15.
- Hasil konversinya adalah 15.

Program Konversi dengan Javascript
Pertama siapkan aplikasi texteditor, kalian bisa memakai notepad, SublimText atau yang lainnya. Buat sebuah file baru dan berinama semisal latihanKonversi.html. Lalu buatlah code tag script seperi dibawah ini. Tag ini adalah tag HTML yang digunakan untuk menuliskan kode Javascript.

<script>
   
</script>

Persiapkan variable yang dibutuhkan. Tulis code dibawah ini didalam tag. Tanda "//" adalah sebuah komentar yang tidak akan dimunculkan saat program berjalan.

<script>
    // Bilangan Hexadecimal
    var bilHexa = "0123456789ABCDEF";
   
    // Bilangan Hexa digit pertama dan kedua
    var hexaDigit1 = 0, hexaDigit2 = 0;
   
</script>

Kita akan membuat konversi dari Hexadecimal ke Decimal terlebih dahulu. Buat fungsi dan perintah untuk mengambil nilai dari bilangan hexa.

function hexa2dec(bilangan) {
        // Mengambil nilai dari bilangan hexa
        hexaDigit1 = bilangan.charCodeAt(0) - 55;
        hexaDigit2 = bilangan.charCodeAt(1) - 55;
      
        if(hexaDigit1 <= 2) hexaDigit1 += 7;
        if(hexaDigit2 <= 2) hexaDigit2 += 7;
}

- Hexa2dec adalah nama dari sebuah fungsi. Cara memanggil fungsi yaitu dengan menuliskan nama dan parameternya. Contoh hexa2dec(parameter1, parameter2, ...).
- Bilangan adalah variabel yang diikutsertakan kedalam fungsi yang biasa disebut dengan parameter.
- Perintah .codeCharAt(index) adalah perintah untuk mengambil nilai dari sebuah character di dalam sebuah String / Text.
--- Semisal character "A" bernilai 65 dan character "8" bernilai 56.
--- Index yang dimaksud adalah pada urutan keberapa sebuah character diambil. Semisal ada String dengan nilai "Nasi". Jika ingin mengambil huruf "s" maka huruf tersebut berada pada index ke 2. Index selalu di awali dengan 0. Huruf "N" berada pada index ke 0.
- Nilai Dari Character dikurangi dengan 55 karena "A" bernilai 65 sedangkan didalam bilangan Hexa bernilai 10 jadi kita kurangai dengan 55.
- Decision (IF), digunakan jika character yang diambil antara "0 - 9". Character "0" bernilai 48, jika dikurangi dengan 55 akan bernilai -7 sedangkan di dalam Hexa bernilai 0 maka kita tambahkan dengan 7.

Tambahkan code untuk menghitung nilai dari bilangan tadi.

var nilaiKonversi = 0;
nilaiKonversi += hexaDigit1 * 16;
nilaiKonversi += hexaDigit2;

return nilaiKonversi;

- variable nilaiKonversi memiliki nilai.
--- nilaiKonversi = (bilangan hexa digit ke1 x 16 ) + (bilangan hexa digit ke 2)
- return adalah nilai kembalian, atau nilai sebuah fungsi ketika dijalankan.

Kode dari fungsi tersebut secara keseluruhan seperti ini.

function hexa2dec(bilangan) {
        // Mengambil nilai dari bilangan hexa
        hexaDigit1 = bilangan.charCodeAt(0) - 55;
        hexaDigit2 = bilangan.charCodeAt(1) - 55;
       
        if(hexaDigit1 <= 2) hexaDigit1 += 7;
        if(hexaDigit2 <= 2) hexaDigit2 += 7;
       
        // Menghitung nilai dari hexa
        var nilaiKonversi = 0;
        nilaiKonversi += hexaDigit1 * 16;
        nilaiKonversi += hexaDigit2;
       
        return nilaiKonversi;
}

Penggunaan fungsi tersebut seperti ini, tambahkan perintah setelah fungsi hexa2dec.

var testHexa = "A2";
var hasilHexa = hexa2dec(testHexa);
document.write(hasilHexa);

- document.write(String), digunakan untuk menampilkan tulisan.

Buka file latihanKonversi.html dengan browser kalian.

Selanjutnya membuat fungsi untuk mengkonversi dari Decimal ke Hexadecimal. Buat fungsi dengan nama dec2hexa tulis code berikut.

function dec2hexa(bilangan) {
        // Bilangan decimal dibagi dengan 16 dan mengamabil sisa bagi ( Mod - Modulo )
        hexaDigit1 = Math.floor(bilangan / 16);
        hexaDigit2 = bilangan % 16;
       
        // Mengambil bilangan dari nilai hexa
        var nilaiKonversi = "";
        nilaiKonversi += bilHexa.charAt(hexaDigit1);
        nilaiKonversi += bilHexa.charAt(hexaDigit2);
       
        return nilaiKonversi;
}

- Symbol % adalah Mod atau Modulo atau Sisa bagi.
- Math.floor() adalah sebuah fungsi matematika yang digunakan untuk pembulatan ke bawah. Semisal 1.955 maka akan menjadi 1 bukan 2.

Kode program secara keseluruhan seperti ini

<script>
    // Bilangan Hexadecimal
    var bilHexa = "0123456789ABCDEF";
   
    // Bilangan Hexa digit pertama dan kedua
    var hexaDigit1 = 0, hexaDigit2 = 0;
   
    function hexa2dec(bilangan) {
        // Mengambil nilai dari bilangan hexa
        hexaDigit1 = bilangan.charCodeAt(0) - 55;
        hexaDigit2 = bilangan.charCodeAt(1) - 55;
       
        if(hexaDigit1 <= 2) hexaDigit1 += 7;
        if(hexaDigit2 <= 2) hexaDigit2 += 7;
       
        // Menghitung nilai dari hexa
        var nilaiKonversi = 0;
        nilaiKonversi += hexaDigit1 * 16;
        nilaiKonversi += hexaDigit2;
       
        return nilaiKonversi;
    }
   
    function dec2hexa(bilangan) {
        // Bilangan decimal dibagi dengan 16 dan mengamabil sisa bagi ( Mod - Modulo )
        hexaDigit1 = Math.floor(bilangan / 16);
        hexaDigit2 = bilangan % 16;
       
        // Mengambil bilangan dari nilai hexa
        var nilaiKonversi = "";
        nilaiKonversi += bilHexa.charAt(hexaDigit1);
        nilaiKonversi += bilHexa.charAt(hexaDigit2);
       
        return nilaiKonversi;
    }
   
    var testDec = 31;
    var hasilDec = dec2hexa(testDec);
    document.write(testDec + " Dec = " + hasilDec + " Hexa<br>");
   
    var testHexa = "A2";
    var hasilHexa = hexa2dec(testHexa);
    document.write(testHexa + " Hexa = " + hasilHexa + " Dec<br>");
</script>

Untuk penjelasan lebih jelas mengenai perintah seperti charAt(), document.write() bisa dipelajari di W3Schools. Jika ada yang masih belum dimengerti silahkan tulis di kolom komentar atau bisa hubungi kontak yang tertera.

1 comments:

  1. This comment has been removed by the author.

Post a Comment