javascript计分,javascript计算平均分

JavaScript制作试卷，给正确答案添加一个类，最终统计共选中了多少个类来计分，求代码！

body

p三个div假设点击按钮就算正确/p

div1/div

div2/div

div3/div

br

button点击/button

button统计/button

script

//获取div,按钮

let div = document.getElementsByTagName('div');

let [button1, button2] = document.getElementsByTagName('button');

//绑定方法

button1.addEventListener('click', function() {

foo(div);

});

//处理函数

function foo(arr) {

for (let i = 0; i  arr.length; i++) {

//判断class属性是否存在

if (!arr[i].className) {

arr[i].className = 'true';

break;

}

}

}

button2.addEventListener('click', function() {

let a = 0;

for (let i = 0; i  div.length; i++) {

if (!!div[i].className) {

a++;

}

}

alert(`当前添加了 ${a}个class`);

});

/script

/body

相关问答

Q1: 如何通过JS或者Jquery实现本案例统计class类计分功能？

var btns = document.getElementsByClassName("shevhiTap"); for( var y = 0, j = btns.length; y j; y++){ btns[y].addEventListener('tap', function() { var ids = this.children[0]; userPicker.show(function(items) { ids.innerText = JSON.stringify(items[0].text); }); }, false); }

jquery方式：

var btns = $('.shevhiTap'); btns.each(function(i, btn) { btn.addEventListener('tap', function() { var ids = this.children[0]; userPicker.show(function(items) { ids.innerText = JSON.stringify(items[0].text); }); }, false);

Q2: JavaScript计算选项得分

浏览器之争，楼主试试不用上面的方法判断，你给radio和checkbox赋个id比如id="q01"，不用form，因为要实现全浏览器的兼容，用document.getElementById("q01").checked==true来判断并加分，试试吧。

给你一段实验代码。

html

head

script language="javascript"

function chk()

{

var point = 0;

if (document.getElementById("a1").checked == true)

{

point+=5;

}

if (document.getElementById("b1").checked == true document.getElementById("b2").checked == true)

{

point+=5;

}

alert("你的得分：" + point);}

/script

/head

body

第一题，选择A为正确答案

A.input id="a1" type="checkbox" value="checkbox" /

B.input id="a2" type="checkbox" value="checkbox" /

C.input id="a3" type="checkbox" value="checkbox" /

D.input id="a4" type="checkbox" value="checkbox" /

第二题，选择AB为正确答案

A.input id="b1" type="checkbox" value="checkbox" /

B.input id="b2" type="checkbox" value="checkbox" /

C.input id="b3" type="checkbox" value="checkbox" /

D.input id="b4" type="checkbox" value="checkbox" /

input type="button" name="Submit" value="提交" onclick="chk()" /

/body

/html