每当元素被鼠标悬停时如何显示与数组元素相关的图像答案

【问题标题】：How to display image related to an array element whenever the element is mouseovered每当元素被鼠标悬停时如何显示与数组元素相关的图像
【发布时间】：2018-10-15 11:26:15
【问题描述】：

我有一个字符串数组 (warmUpAll, legAll) 。然后我有一个函数可以随机选择其中的几个（getRandom）并显示它们。当鼠标悬停/单击随机选取的元素时，我想在 DOM 中的某处显示图像。你认为这可能吗？这应该添加到 getRandom 函数中还是其他地方？

这是我的 getRandom 函数：

function getRandom(arr, n) {
    var result = new Array(n),
        len = arr.length,
        taken = new Array(len);
    if (n > len)
        throw new RangeError("getRandom: more elements taken than available");
    while (n--) {
        var x = Math.floor(Math.random() * len);
        result[n] = arr[x in taken ? taken[x] : x];
        taken[x] = --len in taken ? taken[len] : len;
    }
    if (arr == warmUpAll) {
      document.getElementById("warmup").innerHTML = '<span class="exerciseheader">Warm Up - 10 minutes</span>' + "</br>" + result.join(" ");
    }
    else if (arr == legsAll){
      document.getElementById("legsDisplay").innerHTML = '<span class="exerciseheader">Legs</span>' + "</br>" + result.join(" ");
    }
    }
  }

HTML 部分：

<body>
<div id="warmup"></div>
<div id="legsDisplay"></div>
</body>

提前谢谢你们。

【问题讨论】：

标签： javascript arrays random

【解决方案1】：

您可以编写另一个悬停或单击ex的函数：

function mouseHover()
{
//do something
}

并将其添加到您的函数中

function getRandom(arr, n) {
   //...

    if (arr == warmUpAll) {
      document.getElementById("warmup").innerHTML = '<span class="exerciseheader" onmouseover="mouseHover()">Warm Up - 10 minutes</span>' + "</br>" + result.join(" ");
    }
    else if (arr == legsAll){
      document.getElementById("legsDisplay").innerHTML = '<span class="exerciseheader" onmouseover="mouseHover()">Legs</span>' + "</br>" + result.join(" ");
    }
    }
  }

【讨论】：

当然，但我希望了解更多细节
@nosaczokowski 如需更具体的答案，请确保您的问题清晰具体（例如，您没有指定什么是warmUpAll 和legsAll）
@rv7，好的，我会编辑。无论如何，legsAll、warmUpAll 都是数组。
@nosaczokowski 感谢您的合作，请务必添加 HTML
@rv7 基本上，这两个由 get Random 函数形成的数组应该放在 body 内：