I'm having trouble figuring out how to do this, and well, need help.
I'm trying to put my information into an array that's going to be shown and always be able to **grow**. I need help deleting specific entries into it, either by searching for one or by pointing a mouse and deleting it,

Is there any nice easy way to do it?

```
<!doctype html>
<html lang="sv">
<body>
<head>
<meta charset="UTF-8">  
</title>
</head>
<body>
    <input type="text" placeholder="Förnamn" id="name" autofocus>
    <input type="date" id="pnummer" autofocus>
    <input type="text" placeholder="Efternamn" id="enamn" autofocus>
    <input type="button" value="mata in" onclick="register()">
    <input type="button" value="visa" onclick="show()">

<script type="text/javascript">
array=[]

function register() 
{ 
 var fnamn = document.getElementById("name").value;
 var enamn = document.getElementById("enamn").value;
 var pnummer = document.getElementById("pnummer").value;
 var p1 = new Person(fnamn,pnummer,enamn);
 array.push(p1);

}
function Person(fnamn, pnummer, enamn)
{
 this.fnamn=fnamn;
 this.pnummer=pnummer;
 this.enamn=enamn;
 this.visa=function()
 {
  var panel ="Förnamn:"+" "+this.fnamn+" "+"Efternamn:"+" "+this.enamn+" "+"Personnummer:"+" "+this.pnummer+"<br>";
  return panel;
 }
}

function show(){
 var showperson=document.getElementById("new");
 showperson.innerHTML=""; 
 var i=0;
 while (array.length>i)
  {
  showperson.innerHTML+=array[i].visa()
  i++;
  }
}
</script>

<p id="new"></p>
<div id="panel"></div> 
</body>
</html>

```