从数组javascript中删除

Question

我循环遍历一个数组并将其显示在屏幕上。不过，我有个问题。我试图添加一个函数，当你点击文本时，它会删除被点击的文本。下面是我的代码：

var div = document.querySelector('div');
var array = [
"Banana",
"Chocolate",
"Oranges"
];

for(let i = 0; i < array.length; i++){

var p = document.createElement('p');
p.textContent = array[i];
div.appendChild(p);

p.onclick = function(){

    array.splice(array[i], 1);
    console.log(array);
}

}

当我单击它时，它会从阵列中删除该项，并将其记录到控制台中。但它不会显示在屏幕上。有什么帮助吗？

谢谢你，抓抓猫