将函数赋值给 javascript 中的元素

Assignment a function to an element in javascript

本文关键字:元素 javascript 函数 赋值      更新时间:2023-09-26

我是javascript的新手,我想将函数fSubmit分配给我的按钮。 我做得对吗?

我的代码如下:

//Button
var btn1= document.createElement("BUTTON");      
var t1 = document.createTextNode(questions[0].A);   
btn1.appendChild(t1);
document.body.appendChild(btn1);
btn1.id='optionA';
btn1.onclick='fSubmit()';  
//End of Button
//My Function
var score=0;
function fSubmit(){
var correctanswer=btn1
if(correctanswer.checked==true){
score++;
alert("Answer is correct"+"Your Score is now"+ score++)}
else{
alert("Answer is wrong"+"Your Score is now"+score)}
}

对于初学者来说,您的按钮可以简化!

var btn1 = document.createElement('button');
btn1.textContent = questions[0].A
btn1.id = 'optionA'
document.body.appendChild(btn1);

至于添加事件侦听器:

btn.addEventListener('click', fSubmit);

请注意,我传递函数名称,而不是字符串,并且不使用 () 调用。 addEventListener将在按下按钮时调用该函数。