javascript - 如何在此 javascript 代码中添加 IF 语句？

Question

我有一个基本的滑块，它根据用户当前从音乐中获得的销售额显示用户节省了多少钱。我想添加一条 IF 语句，上面写着“如果滑块值低于 300 年销售额，则回显节省 0 英镑”。

我目前使用的代码具有每 100 次销售节省 5 英镑的线性计算（data.value / 20）。这是代码：

<form action="#">
    <input id="one" type="text" data-slider="true" value="100" data-slider-highlight="true" data-slider-step="50" data-slider-snap="true">
    <span class="output"></span>
</form>

<script>
    $("[data-slider]")
        .each(function () {
            var input = $(this);
        })
        .bind("slider:ready slider:changed", function (event, data) {
            $(this).nextAll(".output:first").html(data.value.toFixed(0));
        });
    $("#one").bind("slider:changed", function (event, data) {
        $(".distributor span").text("£" + data.value / 20)
    });
</script>

关于如何在 IF 语句中添加的任何想法？

Answer 1

假设我有你的代码的正确部分：

$("#one").bind("slider:changed", function (event, data) {
    var
        dataValue = data.value,  /* Store data.value in a variable */
        value = dataValue < 300  /* Check if our variable's value is below 300 */
                ? 0              /* If it is, set value to 0 */
                : dataValue / 20 /* Otherwise set value to dataValue / 20 */
    ;

    $(".distributor span").text("£" + value)
});

这使用条件（或三元）运算符来确定我们最终“值”变量的值应该是什么。

Answer 2

$("#one").bind("slider:changed", function (event, data) {
  if(data.value>300){
    $(".distributor span").text("£" + data.value / 20)}
  else{$(".distributor span").text("£ 0")
  }
});