百词斩网页版js核心实现

<script>
        const btn1=document.querySelector('.first')
        const btn2=document.querySelector('.second')
        const btn3=document.querySelector('.third')
        const btn4=document.querySelector('.fourth')
        const p=document.querySelector('p')
 const arr=['science','biology','math','english']
 const arr2=['科学','生物','数学','英语']
 const arr3=['主机','路由器','交换机','防火墙','草药','酒精','烟草','电视','电冰箱','空调','电风扇','电饭煲']
 let RandomNum=0
 let random=0
 let index=0
     btn1.addEventListener('click',()=>{
         index++
          p.textContent=arr[RandomNum]
          btn1.textContent=arr2[RandomNum]
          random=Math.floor(Math.random()*arr3.length)
        // console.log(random);
            if(random>=arr3.length-2){
                if(random==arr3.length-2){random+2==0}
                else{random+1==0,random+2==1}
            }
          btn2.textContent=arr3[random]
          btn3.textContent=arr3[random+1]
          btn4.textContent=arr3[random+2]
          RandomNum++
          if(RandomNum>=arr.length){
              RandomNum=0
          }
          
          
     
          const parent=btn1.parentNode
          if(btn1.nextSibling!=null){
         parent.insertBefore(btn1,btn1.nextSibling.nextSibling)}
          else{
             parent.insertBefore(btn1,parent.firstChild)
          }
          if(index==4){alert('恭喜你全答对了!')}
     })
     btn2.addEventListener('click',()=>{
        alert('错误重新选择')
     })
     btn3.addEventListener('click',()=>{
        alert('错误重新选择')

    })
    btn4.addEventListener('click',()=>{
        alert('错误重新选择')

    })
   
    
    </script>

主要思想一个正确错误提示,第二个给正确的按钮换位置,造成随机的感觉

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值