Проценты на JS как делается?

Question

У меня есть

<div class="базовая цена">150$</div> 
<div class="Акционная цена">130$</div>

Я напишу базовую цену и акционную, мне нужно получить сперва цифру из div и потом процент выгоды, например 27%

Answer 1

Во-первых, именование классов на кириллице не является лучшей практикой, хоть и возможно.

Если я правильно понял вашу задачу, то делается это так:

//получаем из HTML значение базовой и акционной цены
let basePrice = document.querySelector('.base-price').innerHTML,
    salePrice = document.querySelector('.sale-price').innerHTML;

//убираем лишние знаки и приводим значение к integer
basePrice = parseInt(basePrice.replace(/\D+/, ''), 10);
salePrice = parseInt(salePrice.replace(/\D+/, ''), 10);

//рассчитываем процент скидки
let discountPercent = (100 - (salePrice*100/basePrice)).toFixed(2);

//отображаем значение
document.querySelector('.sale-discount').innerHTML = `${discountPercent}%`;

<div class="base-price">150$</div>
<div class="sale-price">130$</div>
<div>Discount: <span class="sale-discount">0</span>

Надеюсь помог вам разобраться.

БЛОГ НА HUSL

Проценты на JS как делается?

Ответы (1 шт):