javascript - 从 JavaScript 文件的函数获取数字到 HTML

Question

我尝试从 JavaScript 文件调用函数来定义商品的基本价格。

例如，如果您尝试购买 500 个积分，它将调用一个名为“getPrice()”的函数，如下所示:

<div class="panelButton">
        <div class="header">Credits: 500</div>
        <div class="body">
            <p>Buy Credits 500 / <script type='text/javascript' src="scripts/price.js">getPrice(500);</script>€</p>
        </div>
    </div>

如果一个积分的基本价格约为 0.01 欧元，它将显示从 .js 文件购买 500 个积分的正确金额。 这是 .js 文件:

var baseCreditPrice = 0.05;
function getPrice(factor) {
    return baseCreditPrice * factor;
}

这个怎么称呼？因为文字根本不会改变。 如果我使用 getPrice(500);它将使文本显示一个数字 0.05 * 500。

Answer 1

您可以使用类似 https://jsfiddle.net/5kccepc0/1/ 的内容

HTML

<div class="panelButton">
    <div class="header">Credits: 500</div>
    <div class="body">
        <p data-amount="500"></p>
    </div>
</div> 

JS

$(document).ready(function(){
    var baseCreditPrice = 0.05;
    $("p").each(function() {
        $(this).html("Buy Credit " + $(this).data("amount") + "/" + $(this).data("amount") * baseCreditPrice + "€");
    });
});

但如果可能的话，在服务器上进行评估可能会更好。