Формат числа в выводе .html()?

Question

[Егор Огурцов]

Задача сделать счетчик, который считает некие действия. В коде страницы есть такое

<span id="points">000</span>

Используя обычную вставку

var targetScore = 42; //временное значение
	
$('.target-item').click(function(){
	$(this).addClass('active');
	$(this).html(targetScore);
		
	var total = 0;
		
	$('.target-item').each(function(){       
		total += Number($(this).text());
	});
		
	$('#points').html(total);
});

добавляются значения в виде 1, 2 и т.д.

Как сделать добавление в виде 001, 002, etc и не больше 999?

Answer 1

[Rsa97]

$('#points').html(('000'+total).substr(-3));

Comments

[Егор Огурцов]

Ай спасибо, дорогой!

Answer 2

[Сергей Протько]

что бы не больше 999 это не проблема, можно использовать Math.min(999, total)
вам нужно добавлять ведущие нули, функции для этого найти не проблема:

// использовать как-то так:
// $('#points').html(pad(total, 3, '0'));
function pad(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

Comments

[Егор Огурцов]

Помогите, пожалуйста этот код интегрировать в мой? Ночь не спал, а уже отдавать верстку пора. Мозги не соображают. Спасибо пожалуйста!

Answer 3

[rafuck]

дописать нули вручную.

Comments

[Егор Огурцов]

а когда значение увеличится до двух-трех разрядов?