我正在嘗試用陣列中的隨機元素替換文本。當用戶單擊文本本身時，該單詞應更改為陣列中的元素之一。我遇到了讓我這樣做的功能的問題。我在我希望能夠更改的單詞周圍有文本和包裝的跨度標簽（名為“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>
uj5u.com熱心網友回復：
事件型別區分大小寫，例如
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>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/362451.html
標籤：javascript html 数组
上一篇：Jest無法對未掛載的組件執行React狀態更新 應將React狀態更新包裝為行為
下一篇：如果找到匹配項，則增加陣列中的值