Как сделать скрипт отнимающий сумму в процентах?

Question

[Stacy None]

Я хочу сделать скидки у себя на сайте.
И мне нужен небольшой скрипт на JS либо JQ который брал бы значение (сумму/число) с блока с id = "summa" и отнимал бы от него указанную мной сумму в процентном соотношении.

Answer 1

[Евгений Калибров]

У вас не должно быть более одного одинакового id на странице, id - это уникальный идентификатор элемента. Используйте атрибут class, для обозначения блоков с суммой. Пример кода:

<div class="summa">400</div>
<div class="summa">500</div>
<div class="summa">600</div>
<div class="summa">700</div>

$(function() {
    let percent = 20; // Скидка в процентах
    $('.summa').each((key, val) => {   
    	$(val).text($(val).text() - $(val).text() * percent * 0.01);	
    });
});

Демо: https://jsfiddle.net/qsumwz8n/9/

Comments

[Stacy None]

Почему-то выводит слово NaN

[Евгений Калибров]

Stacy None, у вас сумма просто цифра или с подписью валюты?

[Stacy None]

Евгений Калибров, Всё разобрался с NaN
Теперь такая проблема: Если указать процент например "12" то он выводит числа вроде 585.481128251
Как округлить? Убрать остаток? Заранее благодарю!

[Евгений Калибров]

Stacy None, Math.round

$(val).text( Math.round( $(val).text() - $(val).text() * percent * 0.01 ) );

[Stacy None]

Евгений Калибров, Спасибо! Вы гений!
Если не сложно, ещё одна маленькая штучка))
Как сделать чтобы при какой-либо ошибки, вместо слова "NaN" выводилось слово "Ошибка"

[Евгений Калибров]

Stacy None,

$(val).text( ( Math.round( $(val).text() - $(val).text() * percent * 0.01 ) ) || 'Ошибка');

[Stacy None]

Евгений Калибров, Спасибо! Вы лучший :D

[Stacy None]

Евгений Калибров, Евгений ;) Я вас люблю :D
Подскажите пожалуйста. А можно сделать так чтобы он отнимал указанный процент но только на определенное кол-во времени, например на сутки или 2-3 дня? Таймер сделать как бы. Если это возможно конечно)))

[vetsmen]

Stacy None, можно

[Stacy None]

vetsmen, Как ? :D

[vetsmen]

Stacy None, в JS для этого есть объект Date. Берешь текущую дату, берешь заранее созданную дату (время которой на 1-2-3 дня будет больше), находишь разницу между ними.
Разница положительная - выводим скидку.
Разница отрицательная - не выводим скидку.
Если хочешь живой каунтдаун таймер, то юзай setInterval, каждую секунду пересчитывай время и выводи его.

Answer 2

[Shad30]

Немного топорный варинат на формах, без проверок на возможные ошибки
https://jsfiddle.net/8ok30u7k/33/