第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

單擊按鈕時(shí)如何將按鈕的值傳遞給函數(shù)

單擊按鈕時(shí)如何將按鈕的值傳遞給函數(shù)

Qyouu 2022-10-21 09:29:32
所以我正在嘗試為我的一個(gè)班級(jí)創(chuàng)建一個(gè)測(cè)驗(yàn)。我創(chuàng)建了一組對(duì)象來保存我的問題、答案以及正確答案是什么。我正在使用 forEach 為指定索引處的每個(gè)“答案”選項(xiàng)生成按鈕。我添加了 onClick 事件以嘗試將按鈕的值傳遞給函數(shù)，但我似乎無法弄清楚執(zhí)行此操作的最佳方法是什么。我在下面包含了一些代碼，希望能有所幫助。var answers = quiz[index].answers;answers.forEach(function(element) {    var optionButton = document.createElement("button");    optionButton.innerHTML = element;    optionButton.className = "btn";    optionButton.setAttribute("option-answer", element)    optionButton.setAttribute("onClick", "verifyAnswer()")    questionTitle.appendChild(optionButton);})
查看完整描述

4 回答

?
臨摹微笑

TA貢獻(xiàn)1982條經(jīng)驗(yàn) 獲得超2個(gè)贊

只需在函數(shù)調(diào)用中傳遞參數(shù)。這里我使用箭頭函數(shù)：

optionButton.addEventListener("click", () => {verifyAnswer(element)})


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

您可以使用數(shù)據(jù)集添加信息，然后在 EventListener 中恢復(fù)它


const answers=["option 1","option 2","option 3"];


answers.forEach(function(element) {

    let optionButton = document.createElement("button");

    optionButton.innerHTML = element;

    optionButton.className = "btn";

    //Add data info

    optionButton.dataset.answer=element;

    optionButton.addEventListener("click", verifyAnswer); 

    document.getElementById("container").appendChild(optionButton);

})


function verifyAnswer(event){

    clickedElement = event.target || event.srcElement;

  //getting info in the element

    alert(clickedElement.dataset.answer);

}

<div id="container">


</div>

或者，如果您的答案數(shù)據(jù)與 de 按鈕內(nèi)的文本相同，您也可以使用它


function verifyWithText(event){

    clickedElement = event.target || event.srcElement;

    alert(clickedElement.innerHTML);

}

希望能幫助到你


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
小唯快跑啊

TA貢獻(xiàn)1863條經(jīng)驗(yàn) 獲得超2個(gè)贊

您可以使用事件偵聽器在單擊按鈕時(shí)執(zhí)行其他操作，而不是創(chuàng)建 onClick 屬性：


optionButton.addEventListener("click", function(){

   verifyAnswer(currentIndex);

}); 


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
慕尼黑5688855

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊

data-在創(chuàng)建按鈕時(shí)，您可以通過屬性或直接在函數(shù)調(diào)用中跟蹤答案索引。


var answers = quiz[index].answers;

answers.forEach(function(element, currentIndex) {

    var optionButton = document.createElement("button");

    optionButton.innerHTML = element;

    optionButton.className = "btn";

    optionButton.setAttribute("option-answer", element)

    optionButton.setAttribute("onClick", "verifyAnswer(" + currentIndex + ")")

    questionTitle.appendChild(optionButton);

})

然后，在您的函數(shù)調(diào)用中，您可以使用簡(jiǎn)單的訪問器檢索答案。


function verifyAnswer(index) {

    const answer = answers[index]

    /* ... */

}


查看完整回答
反對(duì) 回復(fù) 2022-10-21
  • 4 回答
  • 0 關(guān)注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)