Как добавить значок валюты?

Question

[Александр Осадчий]

Добрый вечер!

Помогите справиться пожалуйста с (видать просто - но я не справился) задачей

Есть скрипт https://codepen.io/Tanya_Rybachuk/pen/jyxzEp

+ и - для input

Как помимо цифры мне вывести туда значок валюты, чтоб значение value было 1$ и т.д

Comments

[alex-1917]

значек валюты

значок валюты

Answer 1

[alex-1917]

Ты тоже на спанах кнопки сделал?))
Щас набегут почитатели стильно-модно-молодежно и засрут тему...
Мне пришлось удалять свой ответ в соседней теме, чтоб прекратить срач и чириканье вперемешку с кукареку...

$(document).on('click', '.number span', function(event){
	var $this = $(this),
	value = parseInt($this.parent().find('input').val());
	value += parseInt($this.text() + '1');
	if (value <= 0)
	{
		value = 1;
	}
	$this.parent().find('input').val(value + '$');
});

Comments

[Александр Осадчий]

Это не мой скрипт..наешел в сети)

Ваше решение мне помогло, спасибо большое!

[Владимир Проскурин]

Эмм, а что а что не так со спанами? Конечно, лучше использовать кнопку, но и другой любой элемент можно. Или я не туда понял?
А ответ свой удалять по такой причине не стоит, нужно ценить свою точку зрения.

[alex-1917]

Владимир Проскурин, да со спанами все ок, я сам их обожаю, но в той теме накинулся куратор тега CSS и все испохабил))) Начиная с потери фокуса при заполнении формы и т.д.. )))
Я удалил тот свой ответ, кстати отмеченный решением, с огромным удовольствием.

[Rustam Bainazarov]

Нет, ну тег button, конечно, для этого был и создан, с button будет семантично + всякие :focus и т. п., но можно спокойно хоть на div вешать обработчик. Да и вроде ничего не стоит заменить span на button, если будет нужно.

[alex-1917]

Рустам Байназаров, ну тот же гугл на семантику ВООБЩЕ не смотрит, а баллы достигаются другими путями. Вопрос - на кой ляд эта семантика?))) Получил баллы, сдал проект, нажрался коньяку - зачем нам семантика, не, нам семантика не нужна.

[Rustam Bainazarov]

alex-1917, да не, нужна она, конечно. Просто зависит от задачи и подхода. Иногда можно без неё, иногда — нужна обязательно. У меня на работе требуют, например. Но не на все 100%, конечно.

Answer 2

[ReActor Дмитрий Вершанский]

https://codepen.io/anon/pen/VJGJKB

Comments

[Александр Осадчий]

Так я пробовал..но при минусе символ пропадает, а если добавить так-же как в плюс - инпут можно загонять в минус (-1) и т.д

[ReActor Дмитрий Вершанский]

Александр Осадчий, пожалуйста - не вижу проблемы никакой)

[ReActor Дмитрий Вершанский]

Александр Осадчий, https://codepen.io/anon/pen/VJGJKB

[Александр Осадчий]

HunteR-VRX, И так я пробовал - теперь его можно в минус загнать - а это не правильно(

[ReActor Дмитрий Вершанский]

Александр Осадчий, задачу корректно опишите

[Александр Осадчий]

HunteR-VRX, последний вариант самый близкий...только мне нужно исключить возможность загонять цифру в -1 и т.д..то есть минимальное значение поля может быть 1&

[alex-1917]

А зачем return false; для span?)))