format-rupiah-ts
v1.0.0
Published
Library sederhana untuk memformat angka menjadi format mata uang Rupiah dalam TypeScript/JavaScript.
Readme
format-rupiah-ts
Library sederhana untuk memformat angka menjadi format mata uang Rupiah dalam TypeScript/JavaScript.
Instalasi
Gunakan npm untuk menginstal library ini:
npm install format-rupiah-tsAtau jika menggunakan Yarn:
yarn add format-rupiah-tsPenggunaan
1. Import Library
a. Menggunakan ES Module (Recommended)
Jika proyek menggunakan TypeScript atau JavaScript ES Module:
import { formatRupiah } from "format-rupiah-ts";b. Menggunakan CommonJS (Node.js)
Jika proyek masih menggunakan CommonJS:
const { formatRupiah } = require("format-rupiah-ts");2. Format Angka ke Rupiah
console.log(formatRupiah(100000)); // "Rp100.000,00"
console.log(formatRupiah("5000000")); // "Rp5.000.000,00"
console.log(formatRupiah(null)); // "Rp0,00"
console.log(formatRupiah(undefined)); // "Rp0,00"
console.log(formatRupiah("1,000,000")); // "Rp1.000.000,00"
console.log(formatRupiah("invalid123")); // "Rp0,00"3. Digunakan dalam HTML & JavaScript
Jika ingin digunakan di dalam browser:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Format Rupiah</title>
<script type="module">
import { formatRupiah } from "https://cdn.jsdelivr.net/npm/format-rupiah-ts/+esm";
document.addEventListener("DOMContentLoaded", () => {
const harga = 2500000;
document.getElementById("hasil").innerText = formatRupiah(harga);
});
</script>
</head>
<body>
<h1>Harga Barang</h1>
<p id="hasil"></p>
</body>
</html>4. Menggunakan di React
import React, { useState } from "react";
import { formatRupiah } from "format-rupiah-ts";
const App = () => {
const [harga, setHarga] = useState(100000);
return (
<div>
<h1>Format Rupiah di React</h1>
<p>Harga: {formatRupiah(harga)}</p>
<button onClick={() => setHarga(harga + 50000)}>Tambah Rp50.000</button>
</div>
);
};
export default App;5. Digunakan dalam Node.js
const { formatRupiah } = require("format-rupiah-ts");
const hargaBarang = 750000;
console.log(`Harga barang: ${formatRupiah(hargaBarang)}`); // "Harga barang: Rp750.000,00"Fitur
✔️ Mendukung angka dan string
✔️ Menghapus koma (,), sehingga input "1,000,000" tetap valid
✔️ Menangani nilai null atau undefined dan mengembalikan "Rp0,00"
✔️ Bisa digunakan di browser, Node.js, dan framework seperti React/Vue/Angular
Lisensi
Library ini berlisensi MIT, jadi bebas digunakan untuk proyek pribadi maupun komersial.
Sekarang library format-rupiah-ts sudah siap digunakan di berbagai proyek! 🚀