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.οnclick=()=>{
        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.οnclick=()=>{
        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