Добрый вечер. Подскажите, как сделать вывод значений 24 чел. 4000 руб. и тд как на скрине? (у цифр один цвет и размер шрифта у букв другой)
http://jsfiddle.net/VyacheslavY/22u4orc0/24/
jQuery(function() {
var tarif = 5,
client = 1,
revenue = 0,
check = 4000,
date = 1,
RevenueGrowth = 0,
rent = 0,
percentage = 0,
ClientsGrowth = 0,
RentPerMonth = 0,
TransactionCosts = 0,
RevenueGrownthTerminal = 0;
function recount() {
ClientsGrowth = client * 0.3;
ClientsGrowth = +ClientsGrowth.toFixed();
rent = String(date * RentPerMonth).replace(/(\d)(?=(\d{3})+(\D|$))/g, '$1 ');
TransactionCosts = ((client + ClientsGrowth) * check * date) / 100 * tarif;
RevenueGrownthTerminal = check * date * ClientsGrowth - TransactionCosts;
TransactionCosts = +TransactionCosts.toFixed();
revenue = (((client + ClientsGrowth) * date * check) - TransactionCosts).toFixed();
revenue = revenue.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');
RevenueGrownthTerminal = RevenueGrownthTerminal.toFixed();
RevenueGrownthTerminal = RevenueGrownthTerminal.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ');
jQuery("#revenue span").html(revenue + ' руб');
jQuery("#ClientsGrowth span").html(ClientsGrowth + ' чел.');
jQuery("#rent span").html(rent + ' руб.');
jQuery("#TransactionCosts span").html(TransactionCosts + ' руб.');
jQuery("#RevenueGrownthTerminal span").html(RevenueGrownthTerminal + ' руб.');
jQuery("#tarifpercentage span").html(tarif + ' %');
};
recount();
jQuery('#tarif').change(function() {
tarif = jQuery('#tarif option:selected').val();
RentPerMonth = 0;
if (tarif == 3.3) {
RentPerMonth = 300;
} else if (tarif == 2.2) {
RentPerMonth = 900;
}
recount();
});
$(document).on("change keyup", "#client", function() {
client = +$(this).val();
$("#client-slider").slider("value", client);
recount();
});
$(document).on("change keyup", "#check", function() {
check = +$(this).val();
$("#check-slider").slider("value", check);
recount();
});
$(document).on("change keyup", "#date", function() {
date = +$(this).val();
$("#date-slider").slider("value", date);
recount();
});
});
$(function() {
$("#client-slider").slider({
range: "min",
value: 1,
min: 1,
max: 300,
slide: function(event, ui) {
$('#client').val(ui.value).trigger("change");
}
});
$("#client").val($("#client-slider").slider("value"));
});
$(function() {
$("#check-slider").slider({
range: "min",
value: 4000,
min: 1,
max: 500000,
slide: function(event, ui) {
$("#check").val(ui.value + " руб.").trigger("change");
}
});
$("#check").val($("#check-slider").slider("value"));
});
$(function() {
$("#date-slider").slider({
range: "min",
value: 1,
min: 1,
max: 60,
slide: function(event, ui) {
$("#date").val(ui.value).trigger("change");
}
});
$("#date").val($("#date-slider").slider("value"));
});
