JavaScript——易班优课YOOC课群在线测试自动答题解决方案(八)功能面板

前文

JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取

Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存

Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询

JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示

JavaScript——易班优课YOOC课群在线测试自动答题解决方案(五)简单脚本

Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(六)后端改造

JavaScript——易班优课YOOC课群在线测试自动答题解决方案(七)随机答案

问题分析

解决方案

    var releaseButtun=document.getElementsByClassName('release-board')[0]
    var ns=document.createElement('a')
    ns.id="null-submit"
    ns.href="javascript:;"
    ns.innerText="提交白卷"
    ns.style="margin-left: 0px;margin-top: 10px;"
    ns.title="随机答案提交试卷"
    ns.onclick=()=>{
        nullSubmit()
        //页面方法
        xAlert('提示','随机答案选择完毕，可以提交了')
    }
    releaseButtun.appendChild(ns)
    var qa=document.createElement('a')
    qa.id="query-answer"
    qa.href="javascript:;"
    qa.innerText="查询答案"
    qa.style="margin-left: 20px;margin-top: 10px;"
    qa.title="云端题库查询答案"
    qa.onclick=()=>{
        var ansElements = document.getElementsByClassName('the-ans')
        var ansNum = ansElements.length
        if(ansNum<0){
            answer()
        }else{
            //页面方法
            xAlert('失败','已经有答案了哦')
        }
    }
    releaseButtun.appendChild(qa)

运行结果

参考文章 

https://www.w3school.com.cn/tags/tag_a.asp