写个程序,实现一下功能
1、点击图片上的开始按钮,实现问题的随机改变。注:问题重复出现的频率不能太大
2、点击图片上的结束按钮,停止问题的变动
以下是我写的代码:
let questionArr = ['你喜欢什么颜色','你叫什么名字','你几岁了','你住哪里','你喜欢上海吗','你最喜欢的人是谁','你的爱好是什么','你喜欢打游戏吗','你去过北京吗','你看过《西游记》吗','你在哪上学','你是少数民族吗'
]
const questionObj = document.querySelector('.question')
const startObj = document.querySelector('.start')
const endObj = document.querySelector('.end')
startObj.addEventListener('click', function(){
let n = setInterval(function(){
let num = Math.floor(Math.random() * questionArr.length)
let question = questionArr[num]
questionArr.splice(num, 1)
questionObj.innerHTML = question
if(questionArr.length === 0){
questionArr = ['你喜欢什么颜色','你叫什么名字','你几岁了','你住哪里','你喜欢上海吗','你最喜欢的人是谁','你的爱好是什么','你喜欢打游戏吗','你去过北京吗','你看过《西游记》吗','你在哪上学','你是少数民族吗']
}
console.log(questionArr)
}, 2000)
endObj.addEventListener('click', function(){
clearInterval(n)
})
})