Удалить родительский елемент

let toDo = document.querySelector('.todo'); 
let count = 1; 
let icon = "   <i class='fas fa-thumbtack' onclick='remove()' ></i>   "; 
 
  
function add() { 
  let btn = document.getElementById('add'); 
  let p = document.createElement('p');  
  let inp = document.querySelector('#input').value; 
  p.id = "myP"; 
 
    if (inp !=='') { 
      p.innerHTML =  count + icon +inp;     
      toDo.appendChild(p); 
      count++; 
    }  
  
  }   
 
  function remove() { 
    document.getElementById('myP').remove(); 
  }

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"> 
 
 
<div class="wrapper"> 
    <h1>My First To Do List</h1> 
    <div class="todo"> 
      <input type="text" id="input" placeholder="Enter Task" > 
      <button id = "add" onclick="add()">Add</button> 
    </div> 
  </div>