如何在簡碼中使用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>