如何在简码中使用javascript变量？

Question

我做了一个简单的刮刮卡游戏，但是某些代码段有问题。 如何在WordPress简码中使用javascript变量？

首先，我使用一个随机数来定义奖金额。

<script>
var arar = [1,2,3,4,5]
selectG = arar[Math.floor(Math.random() * arar.length)];
if (selectG == 1) {
    var amon = 30;
  } else if (selectG == 2) {
    var amon = 50;
  } else if (selectG == 3) {
    var amon = 10;
  } else if (selectG == 4){
    var amon = 1;
  } else {
    var amon = -10;
} 
</script>

然后我在短代​​码中将金额作为“ amon”传递

<div class="promo-code"></div>
  [mycred_link amount=amon href="https://example.org/choose-card/" ]Collect the prize[/mycred_link]
</div>

当按下“收集奖品”按钮时，会将金额添加到用户积分余额中（在网站上使用它们来支付网站上的特权）。 但是，无论如何，它总是会增加10点。

我研究了它（插件称为MyCred），发现10是默认值，如果数量未定义或返回错误（假设我们将诸如> amount = sdfsdfsdf之类的随机文本传递给它，则该默认值仍会添加） 10点）。 如果我使用整数，它将添加指定的数量...但是我需要通过从数组“ arar”中选择的随机值来更改

Answer 1

WordPress短代码在服务器端运行，因此您不能将js变量传递到代码中。 但是您可以在php中生成相同的随机值：

$arar = array(
    30,50,10,1,-10
);
$amon = $arar[array_rand($arar, 1)];

并在此处使用结果：

<div class="promo-code"></div>
  [mycred_link amount=$amon href="https://example.org/choose-card/" ]Collect the prize[/mycred_link]
</div>