<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<div class="row">
<h2 class="well well-lg text-right" >Binlik Ayracı</h2>
<div id="sonuc" class="well well-sm text-right" style="font-size:30px;font-weight:bold" ></div>
<div class="label label-danger" style="font-size:30px;">
<span id="sonuc2"></span>
</div>
<div class="label label-success" style="font-size:30px;">
<span id="sonuc3"></span>
</div>
<div class="label label-info" style="font-size:30px;">
<span id="sonuc4"></span>
</div>
</div>
</div>
.label {
display: block;
width: 100%;
margin-bottom: 10px; /* aralarına boşluk */
text-align: left; /* yazıyı sola yasla */
}
$(document).ready(function(){
Number.prototype.formatMoney = function (fractionDigits, decimal, separator) {
fractionDigits = isNaN(fractionDigits = Math.abs(fractionDigits)) ? 0 : fractionDigits;
decimal = typeof (decimal) === "undefined" ? "." : decimal;
separator = typeof (separator) === "undefined" ? "," : separator;
var number = this;
var neg = number < 0 ? "-" : "";
var wholePart = parseInt(number = Math.abs(+number || 0).toFixed(fractionDigits)) + "";
var separtorIndex = (separtorIndex = wholePart.length) > 3 ? separtorIndex % 3 : 0;
return neg +
(separtorIndex ? wholePart.substr(0, separtorIndex) + separator : "") +
wholePart.substr(separtorIndex).replace(/(\d{3})(?=\d)/g, "$1" + separator);
};
function formatMoney(raw) {
return Number(raw).formatMoney(0, ',', '.') + " TL";
}
let num = 1234567.89;
$("#sonuc").text(formatMoney(num)); // 1.234.567,89 TL
//--------------------------------
function formatMoneyWithTL(raw) {
// Sayıyı önce aşağıya yuvarla (2 hane) /floor
const floored = Math.floor(raw * 100) / 100;
// Formatla
return new Intl.NumberFormat('tr-TR', {
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(floored) + " TL";
}
// Örnek
let num1 = 123456789.9159;
$("#sonuc2").text(formatMoneyWithTL(num1)); // 1.234.567,89 TL
//-------------------------------------
function formatMoneyWithSymbol(raw) {
// Sayıyı aşağıya yuvarla /floor
const floored = Math.floor(raw * 100) / 100;
// Formatla
return new Intl.NumberFormat('tr-TR', {
style: 'currency',
currency: 'TRY',
minimumFractionDigits: 2,
maximumFractionDigits: 2,
currencyDisplay: 'narrowSymbol' // Bu ₺ sembolünü kullanır
}).format(floored);
}
// Örnek
let num2 = 123456789.9159;
$("#sonuc3").text(formatMoneyWithSymbol(num2)); // "123.456.789,91 ₺"
//-------------------------------------
function formatMoneyCeil(raw) {
return new Intl.NumberFormat('tr-TR', {
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(raw) + " TL";
}
let number1 = 123343555234.9159;
let formattedNumber = formatMoneyCeil(number1);
$("#sonuc4").text(formattedNumber); // "123.343.555.234,92 TL"
//ceil ondalık sayıyı yukarı doğru yuvarlar.
//floor kesirli sayıyı aşağı doğru yuvarlar.
//round ondalık sayıyı yuvarlar. Bu küsürat 0.5 ve üstü ise yukarı doğru, aksi halde aşağı doğru bir yuvarlama olacaktır.
});
