问答详情
源自：4-4 [DOM事件] 抽奖系统（上）

为什么这样无法实现呢？求解答 /(ㄒoㄒ)/~~ 代码如下

<body>
    <div class='title'>开始抽奖啦！</div>
    <div class='btns' >
        <span class='start'>开 始</span>
        <span class='stop'>结 束</span>
    </div>
    <script>
    var data=['红米','白米','小米','大米','黑米','恭喜抽中骚猪','谢谢惠顾'];
    window.onload=function(){
        
        var start=document.getElementsByClassName('start');
        var stop=document.getElementsByClassName('stop');
        var title=document.getElementsByClassName('title');
        start.onclick=function(){
             timer=setInterval(function(){
                var random=Math.floor(Math.random()*data.length);
                console.log(random);
                // title.innerHTML=data[random];
            },50);
        }
    }
    </script>
</body>

提问者：慕仔1126745 2019-08-10 20:40

个回答

  • 关四鸟
    2019-09-02 17:14:05

    <body><div class='title'>开始抽奖啦！</div>
<div class='btns' ><button class='start'>开 始</button>
<button class='stop'>结 束</button></div>
<script>
var data=['红米','白米','小米','大米','黑米','恭喜抽中骚猪','谢谢惠顾'];
window.onload=function(){var start=document.getElementsByClassName('start');
var stop=document.getElementsByClassName('stop');
var title=document.getElementsByClassName('title');
start[0].onclick=function(){function timer(){var random=Math.floor(Math.random()*data.length);
console.log(random);
title[0].innerHTML=data[random];}setInterval(timer,50);}}
</script>
</body>

你注意看getElementsByClassName中间有s，它是一个对象集合。上述是改过之后的代码，你可以继续写完stop


    0