Javascript 将值存储到数组中

我想用HTML将一些值存储到数组中。这些值来自Python中的随机数生成器{{player.a1s1}。这件事已经办妥了。基本上，每次点击按钮“mm1a”时，玩家都会看到表单中还有一个按钮。将记录单击次数。我想让按钮上显示的随机数{{player.a1s1}}作为数组存储在JS中。我的代码无法将值存储到数组中

HTML

jquery“on”必须位于document.ready和变量myarraya内

---

然后把它移到顶部。

我明白了。如何将整个数组作为字符串获取？这就是我想要的dovar水果=[“香蕉”、“橘子”、“苹果”、“芒果”]；水果；

<div class="container1">
<p>
    {{ player.text1a }} # this will get the text from a python variable.
</p>

<form id="frm1">
<button  class="toAdd">{{player.a1s1}}</button>
<button  class="toAdd">{{player.a1s1}}</button>
<button  class="toAdd">{{player.a1s1}}</button>
<button  class="toAdd">{{player.a1s1}}</button>
<button  class="toAdd">{{player.a1s1}}</button>
<button  class="toAdd">{{player.a1s1}}</button>
</form>
</div>

<div><button class="mm1a" type="button">{{ player.optiona1 }}</button>
# this will get the innerhtml from another python variable.

</div>

<p>
  samplemma1<input id="id_samplemma1" name="samplemma1" value="0"></input>
</p>

$('.mm1a').on('click',function(){
$('.toAdd:eq('+count+')').show();
count++;
hello();
getarraya();
});

var clicks = 0; # to count how many clickes the players did
function hello() {
    clicks += 1;
    document.getElementById("id_clicksmma1").innerHTML = clicks;
    document.getElementById("id_clicksmma1").value = clicks;
};

# below part does not work
var myarraya = [];
var c = 0;
function getarraya() {
    c += 1;
    myarraya.push(document.forms["frm1"].elements[c].innerHTML);
    document.getElementById("id_clicksmma1").innerHTML = myarraya;
    document.getElementById("id_clicksmma1").value = myarraya;
};