公众号 - 答题小程序之选择答案


描述:后台传入正确答案选项,前端监听input的onchange事件,一旦选错,及时报错,否则跳转下一题

难点:用户如果是多选题,选择以后,要判断是否选对,选错直接报错信息并显示

解决方案:正确答案和用户答案(concat)合并在一起,再去重,最后判断 正确答案的数组长度是否小于去重后的长度

 

栗子:

 

 1      Array.prototype.distinct = function () {  2             let arr = this,  3  i,  4  j,  5                 len = arr.length;  6             for (i = 0; i < len; i++) {  7                 for (j = i + 1; j < len; j++) {  8                     if (arr[i] == arr[j]) {  9                         arr.splice(j, 1); 10                         len--; 11                         j--; 12  } 13  } 14  } 15             return arr; 16  }; 17 
18 
19         // 后台传正确答案
20         let a = ['A', 'B', 'C']; 21         // 前台输入答案 - 通过监听input change事件
22         let b = ['A', 'B']; 23         
24         // 合并a数组、合并b数组
25         let c = a.concat(b); 26         // c去重复
27         let d = c.distinct(); 28 
29         // 一旦a的长度小于合并后c的长度,就说明答案选错了!
30         if (a.length < c.length) { 31             console.log('小子,你选错了!'); 32         } else { 33             console.log('小子,你选对了!'); 34  } 35         
36         console.log(d);

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM