Javascript - Калькулятор должен отображать символ валюты

Question

Надеемся на быстрый ответ здесь, поэтому здесь идет ...

У меня очень простой скрипт калькулятора. Принимает входные данные из 2-х ящиков и умножает их на скрытые значения, а затем отображает их в простом теге «Total». Работает отлично, за исключением того, что мне нужно, чтобы он отображал «£» перед цифрами.

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

Вот код, надеюсь, кто-то может помочь!

$(function() { 
    $('#txtTables, #txtIndividuals').on('input', function() { 
     var tablePrice = $('#hdnPricePerTable').val(); 
     var indPrice = $('#hdnPricePerIndividual').val(); 
     var totalTablePrice = tablePrice * $('#txtTables').val(); 
     var totalIndPrice = indPrice * $('#txtIndividuals').val(); 
     $('#total').text(totalIndPrice + totalTablePrice); 
    }); 
}); 

Спасибо всем!

Answer 1

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

var totalPrice = parseInt(totalIndPrice, 10) + parseInt(totalTablePrice, 10); 

$('#total').html("£" + totalPrice); 

Answer 2

можно использовать £ или £ для отображения этого символа до результата

Answer 3

Я бы не добавить его в поле.

Вы можете сделать это по-другому: просто показать его на входе.

См. example, чтобы ознакомиться с идеей. Я сделал это в Chrome, поэтому я не уверен, что он хорошо проявляется в других браузерах (просто потому, что стили по умолчанию для пользовательского агента различны), но он легко фиксируется для каждого.

HTML:

<div class="currency">&pound;</div> 

    <input> 

CSS:

.currency { 
    position: absolute; 
    padding: 4px 7px; 
}