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

How To Use Case When In Php

Date : 13 Feb 2023, Category : Tutorial, Create By : admin

The switch statement in PHP can be used as an alternative to multiple if statements. The switch statement tests a variable or expression against multiple cases and executes the code .....

Mengenal Fungsi Join Php

Date : 05 Jan 2019, Category : Tutorial, Create By : admin

Selamaat datang di gudang ilmu aplikasi, kali ini kita akan membahas megenai fungsi join pada bahasa pemprograman php, fungsi join sebenarnya sama dengan fungsi implode yaitu menggabungkan data array, dimana .....

Cara Membuat Tabel Html

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

Dalam membuat aplikasi berbasis website nantinya kita akan membutuhkan tampilan seperti tabel, untuk menampilkan data dari database, html menyediakan tag untuk membuatnya, yaitu dengan menggunakan tag html Table,. Dalam artikel ini kita .....