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

Posted 2023-02-14

【中文标题】如何用随机数组元素替换文本？

【英文标题】：How to replace text with a random array element?

【发布时间】：2021-12-31 15:39:40

【问题描述】：

我正在尝试用数组中的随机元素替换文本。当用户单击文本本身时，该单词应更改为我的数组中的元素之一。我无法使用让我这样做的功能。我在我希望能够更改的单词周围有文本和包装的 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>

【参考方案1】：

Event types 区分大小写，例如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>