利用HTML，CSS JS设计抽奖器

Question

html部分代码已给出，js部分代码还不完全，代码不需要复杂 通俗易懂即可

Answer 1

    // 基础数据
    let award = ['1元券','5元券','10元券','20元券','100元券']

    // 获取界面元素
    let resultDom = document.getElementById('result')
    let startDom = document.getElementById('start')
    let stopDom = document.getElementById('stop')

    // 定时器
    let timer


    // 开始
    function start() {
        // 禁用输入框
        resultDom.setAttribute('disabled', 'disabled')
        // 禁用开始按钮
        startDom.setAttribute('disabled', 'disabled')

        // 调用抽奖逻辑函数
        setResult()
    }

    // 抽奖
    function stop() {
        // 解开禁用状态
        resultDom.removeAttribute('disabled')
        startDom.removeAttribute('disabled')

        // 清除定时器
        clearInterval(timer)
    }

    // 抽奖逻辑
    function setResult() {
        // 开启定时器,每100毫秒执行一次
        timer = setInterval(function () {
            // 获取0-4随机整数
            let randomNumber1 = Math.floor(Math.random() * 5);
            // 给输入框赋值
            resultDom.value = award[randomNumber1]
        },100);
    }