射击游戏

<!--<pre>
    模拟一款射击游戏的编码过程。有一个输入框和两个按钮。
    其中输入框用来显示手枪还有多少子弹。
    第一个按钮用来给手枪填子弹，第二个按钮用来射击。
    要求：
    第一个按钮点击一次上一发子弹。最多拥有六发子弹。超过六发时点击提示弹夹已满
    第二个按钮点击一次进行一次射击。射击一次子弹数减少一。当0发时提示弹夹已空。
    无论是填子弹按钮还是射击按钮，每次弹夹中子弹发生改变时都会在输入框中显示。
    </pre>-->
    <p>
        <span>弹匣中子弹:</span>
        <input type="text"  id="magazine"/>
    </p>
    <p>
        <button id="load">上子弹</button>
        <button  id="shoot">射击</button>
    </p>
    <script>
    var danxiaInput=document.getElementById("magazine");
    var loadBut=document.getElementById("load");
    var shootBut=document.getElementById("shoot");
        var magazineArr=[];
    magazineInput.value=magazineArr.length;
        //上子弹
    loadBut.onclick=function(){
        if(magazineArr.length==6){
            alert('弹匣已满');
        }else{
            magazineArr.push('子弹');
            magazineInput.value=  magazineArr.length;
        }
        console.log(magazineArr);
    }
        //射击按钮
    shootBut.onclick=function(){
        if(magazineArr.length==0){
            alert('弹匣已空');
        }else{
            magazineArr.pop();
            magazineInput.value=  magazineArr.length;
        }
        console.log(magazineArr);
    }