چطور یه فانشن ساخت و حذف المنت بسازیم

اگه منظورتون این کار پایینه، خب هرچی میکنم المنت رو پیدا نمیکنه و کلا null برمیگردونه

function getInput(textInputId) {
    let btn = document.querySelector("#btn");

    let textInput = document.querySelector(textInputId);
    console.log(textInput) // returns null
    if (textInput) { textInput.remove(); }

    textInput = document.createElement("input");
    textInput.setAttribute("id", textInputId);
    btn.parentElement.appendChild(textInput);
}

@ali.bayat

به این قسمت از کدت دقت کن

textInput.setAttribute("id", textInputId);

داری یه متغیر رو به عنوان id مقداری دهی میکنی
که مقدارش برابر با textInput# هست
در صورتی که باید برابر با textInput باشه
داری # رو هم پاس میدی
که باعث میشه المان پیدا نشه

textInput.setAttribute("id", "textInput");

اوه اوه. واقعا اصلا متوجه این موضوع نشدم. حدود یک ساعت باهاش درگیر بودم. خیلی ممنونم که این نکته رو بهم اطلاع دادید. الان کاملا درست داره انجامش میده.
@ali.bayat