如何实现javascript 点击按钮删除图片

目前我实现了点击一下增加一张图片，该怎样实现点一下删除一张图片，点两下删除两张图片？
代码如下：

<script>
 window.onload = function(){
        var imgs = [];
        var oIcrease = document.getElementById("increase");
        var oDelete = document.getElementById("delete");
        var i = 0;
        var j = 0;
        
    function  Increase (){ //增加图片函数，题目要求10张
            if(i<10){
                imgs[i] = document.createElement("img");
                imgs[i].src = "表情包01.gif";
                document.body.appendChild(imgs[i]);
                i++;
            }

        }
        oIcrease.onclick = function(){  //点击增加图片
            Increase();
        }

        oDelete.onclick = function(){ //点击删除图片
            document.body.removeChild(document.getElementsByTagName("img")[i])；
        }
    } 
</script>

你不都写的差不多了吗，还少个i--，否则每次都删最后一个，删掉了还删，可不就只能删一次，后面删不掉了吗