蓝桥杯web国赛-小兔子找胡萝卜

题目：

代码：

// TODO：游戏开始
let startbtn=document.querySelector("#start")
let movebtn=document.querySelector("#move")
let resetbtn=document.querySelector("#reset")
let result=document.querySelector('.result')
let div=document.querySelectorAll('.lawn')
let input=document.querySelector('input')
let sum=0
function start() {
    startbtn.style.display = "none";
    movebtn.style.display = "block";
}
// TODO：重置游戏
function reset() {
    document.querySelector(".active").classList.remove("active")
    div[0].classList.add("active")
    sum=0
    result.innerHTML=" "
    input.value=" "
    startbtn.style.display="block"
    movebtn.style.display="none"
    resetbtn.style.display="none"
    
}
// TODO：移动
function move() {
    let val=parseInt(input.value)
    if(val===1||val===2){
        sum+=val
        document.querySelector(".active").classList.remove("active")
        div[sum].classList.add('active')
        if(sum==12){
           movebtn.style.display="none"
           resetbtn.style.display="block"
           result.innerHTML="哎呀！兔子踩到炸弹了，游戏结束！"
        }
        if(sum==23){
            movebtn.style.display="none"
            resetbtn.style.display="block"
            result.innerHTML="小兔子吃到胡萝卜啦，游戏获胜！"
        }

    }else{
       result.innerHTML="输入的步数不正确，请重新输入"
    }
}