Merubah Text Menjadi Angka Javascript

Tanggal : 12 Aug 2018, Category : JavaScript, Create By : admin

Selamat dantang kembali di gudang ilmu aplikasi, kali ini kali akan membahas fungsi javascript yang sangat berguna bagi anda yang sedang membangun aplikasi yang sering menggunakan perhitungan, fungsi parseInt digunakan untuk merubah text menjadi angka. Dalam javascript anda mengetik angka 0 sampai dengan 9 belum tentu itu di anggap angka oleh script maka dari itu anda harus menggunakan parseInt untuk mengubahnya. 

Mengubah Text Menjadi Angka dengan ParseInt JavaScript

ParseInt adalah sebuah fungsi yang di gunakan untuk merubah text menjadi angka, tetapi tidak mengenal angka desimal, hanya menerima angka bilangan asli. Berikut contoh penggunaan ParseInt.

<body>
 <p>Mengenal ParseInt JavaScriptt</p>
 <p id="ambil"></p>
  <script>
   var a = 1;
   var b = "20";
   var c = 4.5;
   var d = "5.7";
   var e = "10 unit";
   var f = "angka 40";
 
   var n = a+"<br>" + b+"<br>" + c+"<br>" + d+"<br>" + e+"<br>" + f+"<br>";
 
   document.getElementById("ambil").innerHTML = n;
  </script>
  <button onClick="rubah()">Rubah</button>
 <p id="hasil"></p>
  <script>
   function rubah(){
 
     var n = parseInt(a)+"<br>" + parseInt(b)+"<br>" + parseInt(c)+"<br>" + parseInt(d)+"<br>" + parseInt(e)+"<br>" + parseInt(f)+"<br>";
 
     document.getElementById("hasil").innerHTML = n;
  }
 </script>
</body>

dari script di atas maka akan mendapatkan output sebgai berikut

ParseInt tidak mengenal nilai desimal maka ketika angka tersebut menggunakan parseInt maka output yang di hasilkan adalah pembulatan, atau hanya mengampil angka yang ada di depan titik saja, kemudian jika anda menginput data didahului angka kemudian spasi maka yang anda dapat hanya angka yang ada di depan spasi pertama, dan ketika angka di belakang text maka menghasilkan outpu NaN, beitulah sifat dari parseInt.

Dalam pembuatan varibale javaScript sangat berpengaruh dengan penggunaan petik di dalam varibale sebgai contoh

<p id="hasil"></p>
<script>
 var a = "1";
 var b = "20";
 var n = a + b;
 document.getElementById("hasil").innerHTML = n;
</script>

Contoh di atas dalam variable menggunakan petik maka varible itu di anggap text, maka jika script di jalankan maka akan menghasilkan output sebagai berikut

dari dua varibale itu akan di gabung bukan di jumlahkan, karena di anggap sebagai text, jika kasus seperti itu anda bisa menambahkan fungsi ParseInt di dalam varibale n seperti contoh berikut ini

<p id="hasil"></p>
<script>
 var a = "1";
 var b = "20";
 var n = parseInt(a) + parseInt(b);
 document.getElementById("hasil").innerHTML = n;
</script>

setelah kedua varibale a dan b mengguakan fungsi parseInt maka output yang di hasilkan akan menjadi seperti gambar di bawah ini

kedua varibale itu di jumlah menghasilkan output penjumlahan dari varible a dan b

 

 

Keyword:
  • merubah text menjadi angka javaSript
  • parseint javascript
  • merubah text menjadi angka javascript
  • convert text menjadi angka javascript
  • javascript merubah text menjadi angka
  • text menjadi angka
  • penjumlahan javascript
  • penjumlahan text javascript

Artikel Lain

Aturan Dalam Penulisan Script Php Dan Script Php Yang Sering Di Gunakan

Date : 31 Jul 2018, Category : Pemprograman Website, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, untuk memulai dalam belajar pemprograman PHP, anda harus memahami dan mengenal script dalam php yang nantinya akan sering anda gunakan dalam pembuatan aplikasi berbasis website dengan .....

Membuat Format Rupiah Di Javascript

Date : 17 Aug 2018, Category : JavaScript, Create By : admin

Selamat datang di gudang ilmu aplikasi, sebelumnya kita telah membahas cara membuat format rupiah di PHP, kali ini kami akan membahas bagainama cara membuat format rupiah pada javascript. jika di .....

Cara Backup Database Dan Schema Postgres Di Server Linux Centos

Date : 25 Jul 2018, Category : Database, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, kali in kami akan membahas tentang Cara Backup Database  dan Schema Postgres Di server Linux Centos, sebelum pembahasan silahkan anda login ke server menggunakan putty atau .....