Как реализовать изменение валюты отдельно для каждого объекта?

Question

[Денис]

<div class="card-info">
<h2><?php echo $result['title']; ?></h2>
<ul class="money">
<li class="g" onClick="UAH()"><span>UAH</span></li>
<li class="d" onClick="USD()"><span class="d">USD</span></li>
<li class="e" onClick="EUR()"><span>EUR</span></li>
</ul>
<p class="first-p val">

<p id="price"> <?php echo $result['price']; ?></p>
<?php $d = 25; $e = 28; $g = 1;?>

<script type="text/javascript">

var new_price;
var curs_EUR = <?php echo $e; ?>;
var curs_USA = <?php echo $d; ?>;
var curs_UAH = <?php echo $g; ?>;



var price_in_document = document.getElementById("price");
var old_price = price_in_document.innerHTML;
old_price = old_price.replace("$","");

function USD() {
new_price = old_price;
price_in_document.innerHTML = "$" + new_price;
}

function UAH() {
new_price = old_price*curs_USA.toFixed(2);
price_in_document.innerHTML = "₴"+new_price;
}

function EUR() {
new_price = old_price/curs_EUR.toFixed(2);
price_in_document.innerHTML = "€"+new_price;
}

</script>

ВОПРОС: я поставил цикл, выводит из базы данных объекты. Но проблема в том, что класс .price один независимости от кол. объектов. Как сделать, чтобы изменение валюты(что в скрипте) происходило в области конкретного объекта, а не при клике любо на какой объект

Comments

[OVK2015]

Добавьте свои li эл-ам id

Answer 1

[Анатолий]

Запиши изначальную цену в другое поле и всегда бери из него значение для конвертации

Answer 2

[lega]

https://jsfiddle.net/lega911/ucadx2em/

Comments

[lega]

https://jsfiddle.net/lega911/aL5padtw/