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 .....

Membuat Format Tanggal Indonesia Php

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

Setalah materi sebelumya kita membahas mengenai membuat format tanggal dimana hanya menampilkan nama hari dan bulan berbahasa Inggris, kali ini kita akan merubah format hari dan bulan menjadi format indonesia. oke .....

Css Colors And How To Use Them

Date : 15 Feb 2023, Category : CSS, Create By : admin

CSS colors are used to add color and style to HTML elements on a web page. Here's how to use them: You can specify a color using a named color, such .....