JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
   <input type="text" class="user">
   <button class="delete">
   X
   </button>
</div>
<div class="parent">
   <input type="text" class="user">
   <button class="delete">
   X
   </button>
</div>
<div class="parent">
   <input type="text" class="user">
   <button class="delete">
   X
   </button>
</div>
<div class="parent">
   <input type="text" class="user">
   <button class="delete">
   X
   </button>
</div>

JavaScript

document.addEventListener("click", (e) => {
    if (e.target.classList.contains("delete")) {
        e.target.parentElement.querySelector(".user").value = "";
    }
})