SOURCE

$(function ($) {
    var target = getRandom()
    var input = []
    var result = {
        a: 0,
        b: 0
    }
    var guess = 1
    console.log(target)
    $('.key').on('click', function (e) {
        // 填写数字
        let value = Number($(e.target).text())
        input.push(value)
        let a = target.indexOf(value)
        if (a != -1) {
            if (a == input.length - 1) {
                result.a++
            } else {
                result.b++
            }
        }
        if (input.length == 4) {
            $('ol').append('<li>' + input.join('') + ' | ' + result.a + 'A' + result.b + 'B' + '</li>' + "\n")
            // 校验数字
            if (result.a == 4) {
                console.log("You Win!")
                target = getRandom()
                console.log(target)
                guess = 0
                $('ol').empty();
            }
            result = {
                a: 0,
                b: 0
            }
            input = []
        }
    })

    function getRandom() {
        return [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].sort(() => Math.random() - 0.5).slice(0, 4)
    }
});

<div class="weui-flex">
	<ol class="weui-flex__item" style="margin: 0 auto;max-width: 24rem">

	</ol>
</div>
<div style="position: fixed;width: 100%;bottom: 2rem;">
	<div style="margin: 0 auto;max-width: 24rem">
		<div class="weui-flex">
			<div class="weui-flex__item"><span class="key">1</span></div>
            <div class="weui-flex__item"><span class="key">2</span></div>
            <div class="weui-flex__item"><span class="key">3</span></div>
            <div class="weui-flex__item"><span class="key">4</span></div>
            <div class="weui-flex__item"><span class="key">5</span></div>
        </div>
        <div class="weui-flex">
            <div class="weui-flex__item"><span class="key">6</span></div>
            <div class="weui-flex__item"><span class="key">7</span></div>
            <div class="weui-flex__item"><span class="key">8</span></div>
            <div class="weui-flex__item"><span class="key">9</span></div>
            <div class="weui-flex__item"><span class="key">0</span></div>
        </div>  
    </div>
</div>

.key {
    display: block;
    text-align: center;
    font-size: xx-large;
    height: 3.5rem;
    width: 3.5rem;
    line-height: 3.5rem;
    background-color: #eee;
    margin: .5rem auto;
    border-radius: .25rem;
    border: 1px solid #ddd
}