sx-number-formatter
v1.0.3
Published
A JavaScript library for formatting numbers based on ISO attributes.
Downloads
6
Readme
sx-number-formatter
A powerful JavaScript library for formatting numbers based on ISO attributes, suitable for currencies, general number formatting, and controlling decimal places with ease.
Installation
Copy the CMS Slider and paste into the of your page
Using jsDelivr
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/number-formatter.js"></script>Usage
Basic Usage
In your HTML file, add the necessary attributes to the elements you want to format:
<span sx-currency-format="USD">1234.56</span>
<span sx-number-format>1234567</span>
<input sx-currency-format-1="EUR" type="text" value="9876.54">
<span sx-currency-format-1>9876.54</span>Controlling Decimal Places
Use the sx-leading-zeros attribute to specify the number of decimal places to display:
<span sx-number-format sx-leading-zeros="2">1234.567</span>
<input sx-number-format-1 type="text" value="9876.54321">
<span sx-number-format-1 sx-leading-zeros="3">9876.54321</span>Attributes
sx-currency-format: Format numbers as currency. Accepts an ISO currency code as the value.sx-number-format: Format numbers in a general manner, adding thousand separators.sx-leading-zeros: Specify the number of decimal places to display.
Example
Here's a complete example to get you started:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Number Formatter Example</title>
</head>
<body>
<span sx-currency-format="USD">1234.56</span>
<span sx-number-format>1234567</span>
<input sx-currency-format-1="EUR" type="text" value="9876.54">
<span sx-currency-format-1>9876.54</span>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/number-formatter.js"></script>
</body>
</html>License
MIT