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 Border Css

Date : 12 Sep 2018, Category : CSS, Create By : admin

Hai brow, selamat datang kembali di wesbite gudang ilmu aplikasi, setelah kemarin kita membahas cara membuat background gradient dengan css, materi selanjutnya yang akan kita bahas adalah membuat border dengan menggunakan .....

Beberapa Hal Yang Harus Anda Siapkan Jika Ingin Menjadi Programmer

Date : 03 Sep 2018, Category : Pemprograman Website, Create By : admin

Pada zaman sekarang banyak sekali perguruan tinggi yang sudah membuka jurusan atau ilmu mengenai komputer dari mulai pengembangan hardware dan software, Tak heran jika kalian kuliah di jurusan berkaitan dengan .....

Menyisipkan Background Gambar Dengan Css

Date : 23 Aug 2018, Category : CSS, Create By : admin

Selamat datang kembali di website gudang ilmu aplikasi tempatnya anda menambah ilmu, kali ini kami akan membahas mengenai menyisipkan atau menambah background gambar dengan css di halaman website anda. oke .....