我正在創(chuàng)建一個瑣事游戲,您必須在其中猜測某些國家/地區(qū)的國旗名稱。我使用 querySelectorAll 來選擇所有輸入字段和所有您必須單擊才能實(shí)際執(zhí)行 GUESS 代碼的按鈕。我還用正確的答案制作了一個名為“flags”的對象。我需要獲取我按下的按鈕的索引以將輸入值與按鈕的索引和標(biāo)志對象的索引進(jìn)行比較,因?yàn)樗鼈兙哂邢嗤乃饕齺頇z查輸入值是否與標(biāo)志匹配。我做了一個 for 循環(huán),它遍歷所有的值,當(dāng)我按下一個按鈕時,它會檢查所有的輸入,而不僅僅是我點(diǎn)擊的輸入。我只是想讓它檢查我點(diǎn)擊的那個。const inputs = document.querySelectorAll(".input-flag");const buttons = document.querySelectorAll(".btn");const btns = Array.from(buttons);const flags = [ "belgium", "spain", "italy", "argentina", "venezuela", "brazil"];buttons.forEach((button) => { button.addEventListener("click", (e) => { for(let i = 0; i < btns.length; i++) { if(btns[i].previousElementSibling.value === flags[i]) { console.log("correct"); } else { console.log("incorrect"); } } })});因此,當(dāng)我單擊一個按鈕并且三個輸入字段正確而三個輸入字段不正確時,它會記錄 3 個正確和 3 個不正確。我已經(jīng)搜索了幾個小時,但找不到解決方案。不知道我解釋得好不好,我是初學(xué)者:(我想單擊一個按鈕并檢查其對應(yīng)的輸入字段值
如何獲取單擊按鈕的索引?
慕桂英3389331
2021-09-04 17:54:19