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

Apa Itu Website ?

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

Selmat datang di gudang ilmu aplikasi, kali ini kita akan membahas apa itu wabsite, fungsi website dan jenis wesbite. Website atau sering kita sebut situs adalah kumpulan halaman - halaman .....

The Difference Between The Python And Go Programming Languages

Date : 13 Feb 2023, Category : Pemprograman Website, Create By : admin

Python and Go are both popular programming languages, but they have different design goals, syntax, and areas of application. Design Goals: Python was designed to be a high-level, dynamically typed, interpreted language .....

Membuat Format Tanggal Php

Date : 28 Aug 2018, Category : Tutorial, Create By : admin

Selamat datang kembali di website gudang ilmu aplikasi, kali ini kami akan membahas mengenai membuat format tanggal mengguanakan bahasa pemprograman php. oke tidak usah basa - basi lagi kita langsung .....