如何用随机数组元素替换文本

Question

我正在尝试用数组中的随机元素替换文本。当用户单击文本本身时，单词应该更改为数组中的一个元素。我使用的函数有问题。我有文本，并将span标记(名为"hare"(包裹在我想要更改的单词周围。我在下面包含了我的代码。如有任何帮助，我们将不胜感激。

//code below 
<script>
let C = document.getElementsByClassName("hare");
//console.log(C);
let L = C.length;
//console.log(L);
for (var i = 0; i < L; i++)
C[i].addEventListener("Click",changeWord);
function changeWord() {
let CC = document.getElementsByClassName("hare");
var h = ["Rabbit", "Snake", "Human"];
let rndWord = h[Math.floor(Math.random()*h.length)];
//console.log(rndWord);
for (var i = 0; i < CC.length; i++)
CC[i].innerHTML = rndWord;
}
</script>

Answer 1

事件类型区分大小写，例如
C[i].addEventListener("click",changeWord);

let C = document.getElementsByClassName("hare");
//console.log(C);
let L = C.length;
//console.log(L);
for (var i = 0; i < L; i++)
C[i].addEventListener("click",changeWord);
function changeWord() {
let CC = document.getElementsByClassName("hare");
var h = ["Rabbit", "Snake", "Human"];
let rndWord = h[Math.floor(Math.random()*h.length)];
//console.log(rndWord);
for (var i = 0; i < CC.length; i++)
CC[i].innerHTML = rndWord;
}

<button class="hare">Click here</button>