javascript - 相同的函数，不同的随机结果 - jQuery

Question

假设我有一个单词数组

JS

var fruit = [banana, apple, watermelon, mango];

function loadFruit() {
    var randomFruit = fruit[Math.floor(Math.random() * fruit.length)];
    $('.divLoadFruit').parent('div').html(randomFruit);
};

我需要在点击句子的中间词时触发函数，以获得不同的随机匹配

HTML

"You need to eat <a class="divLoadFruit" href='javascript: loadFruit();'>just_some_fruit</a>: it is good for your health."

"My son doesn´t like <a class="divLoadFruit" href='javascript: loadFruit();'>another_fruit_here</a>."

当您单击其中一个链接时，它会触发相同的功能(显然)，但会在该空间中为我提供相同的水果。有没有办法让它随机而不重复？

Answer 1

考虑到您点击 anchor 标记并获得随机水果，以下代码将起作用。

var fruit = ['banana', 'apple', 'watermelon', 'mango'];

function loadFruit(id) {
    var randomFruit = fruit[Math.floor(Math.random() * fruit.length)];
document.getElementById(id).innerHTML = randomFruit;
};

You need to eat <a id='just_some_fruit' href='javascript: loadFruit("just_some_fruit");'>just_some_fruit</a>: it is good for your health.

My son doesn´t like <a id='another_fruit_here' href='javascript: loadFruit("another_fruit_here");'>another_fruit_here</a>.