Merubah Text Menjadi Angka Decimal Javascript

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

Selamt datang kembali di gudang ilmu aplikasi, setelah kita membahas mengenai merubah text menjadi angka, maka kali ini kami akan membahas merubah text menjadi angka decimal, sebagai pelengkap dari materi sebelumnya, karena jika menggunakan ParseInt hanya bisa merubah text menjadi angka bilangan, tetapi jika mengandung angka descimal maka perubahan dengan parseInt tidak sesuai. oke langsung saja berikut tutorialnya.

Merubah Text Menjadi Angka Decimal JavaScript

ParseFloat fungsinya mirip dengan parseInt, jika parseInt hanya bisa menkonversi angka bilangan, tetapi jika parseFloat ini bisa mengkonversi nilai decimal. Berikut contohnya.

<body>
 <p>Mengenal ParseFloat 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 = parseFloat(a)+"<br>" + parseFloat(b)+"<br>" + parseFloat(c)+"<br>" + parseFloat(d)+"<br>" + parseFloat(e)+"<br>" + parseFloat(f)+"<br>";
 
 document.getElementById("hasil").innerHTML = n;
 }
 </script>
</body>

Pembuatan Scriptnya sama seprti penggunaan parseInt , tinggal menganti dengan parseFloat berikut outputnya

Untuk sifat dari parseFoat sama persis dengan parseInt, jika varibale mengandung spasi mana yang di ambil spasi pertama, jika di dahuli dengan text sperti contoh terakhir maka outpun akan NaN dikarenakan tidak bisa menemukan text angka di dalam spasi pertama.

Degan adanya parseFloat ini akan lebih menudahkan jika aplikasi anda terdapat angka descimal. mungkin cukup sekian untuk materi kali ini, karena materi ini hanya pelegkap dari materi merubah text menjadi angka 

 

 

 

Keyword:
  • merubah text menjadi angka decimal javaScript
  • angka decimal javascipt
  • merubah angka decimal javascript
  • konversi text menjadi angka decimal
  • angka decimal
  • parsefloat
  • angka decimal

Artikel Lain

Membuat Template Html Dan Style Css Sederhana

Date : 07 Aug 2018, Category : HTML, Create By : admin

Dalam pembuatan aplikasi berbasis website maka kita tidak akan lepas dengan html, akan sangat penting bagi kita seorang programmer mengerti dan memahami apa itu html dan struktur dalam membuat template .....

Cara Login Ke User Root Menggunakan User Biasa Linux Debian

Date : 01 Aug 2019, Category : Server, Create By : admin

Selamat datang di wesbite gudang ilmu aplikasi, kali ini kita akan membasah mengenai bagaimana cara masuk ke user root menggunakan user biasa, seperti kita ketahui user dalam operating system linux .....

Merubah Text Menjadi Angka Decimal Javascript

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

Selamt datang kembali di gudang ilmu aplikasi, setelah kita membahas mengenai merubah text menjadi angka, maka kali ini kami akan membahas merubah text menjadi angka decimal, sebagai pelengkap dari materi .....