JavaScript — отображение 2 пользовательских элементов атрибута данных в div. Пример: валюта и Количество

Отображение 2 пользовательских элементов атрибута данных в div. Пример: валюта и сумма

У меня есть сайт электронной коммерции, построенный на HTML, JavaScript и PHP.

На странице сведений о товаре пользователь может добавить товар в корзину, поэтому я отображаю общую сумму стоимости корзины.

Я хочу отображать десятичное число всегда (10,2) в формате.

В настоящее время мой код работает с минимальными затратами. При нажатии «Добавить в корзину», если цена товара составляет 12,00, счетчик Div показывает только 12.

 {amp}lt;span{amp}gt; {amp}lt;a href="cart.php" class="text-white"{amp}gt; {amp}lt;i class="fa fa-shopping-cart p1" data-count="10" data-currency="{amp}amp;euro;" id="total"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; 
  .p1[data-count]:after{ position:absolute; right:1%; top:1%; content: attr(data-count); font-size:10px; padding:.2em; line-height:1em; color: white; background:#21468b; text-align:center; width: 100%; font-weight:normal; } того, как  .p1[data-count]:after{ position:absolute; right:1%; top:1%; content: attr(data-count); font-size:10px; padding:.2em; line-height:1em; color: white; background:#21468b; text-align:center; width: 100%; font-weight:normal; } 
 {amp}lt;script{amp}gt; var theTotal = '0'; var ProductSellingPrice = '12.00' $('#insert').click(function(){ theTotal = Number(theTotal)   Number(ProductSellingPrice); $('#total').attr('data-count', theTotal); }); {amp}lt;/script{amp}gt; 

Таким образом, при нажатии кнопки «Вставить» добавляется существующая цена и текущая цена продукта. Если в корзине нет товаров, то p1 не отображает никакого значения, поэтому всегда нужно отображать ноль, если он пуст / ноль. Если цена продукта 12,00, то отображается только 12. Если цена продукта составляет 12.50, то отображается 12.50.

Я хочу, чтобы он всегда отображал десятичное число, а также символ валюты, используя атрибут данных.

Проблема с отображением десятичной дроби решается с помощью @Simone, я не могу найти ответ для отображения валюты до значения, используя атрибут данных.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector