Javascript 单击后如何使文本区域消失

不久前，我发了一篇帖子，要求帮助我在点击img时显示一个文本区域。我得到了我一直在寻找的答案，唯一的问题是，现在我不知道如何让它消失，一旦我重新点击img。每次我点击img，它都会创建重复的文本区域。我试着在我的电脑上弄明白，但我弄不明白。有人能帮我吗？谢谢你

函数myFunction（）{
const textArea=document.createElement（“textArea”）；
textArea.rows=10
textArea.id=“text”；
textArea.cols=30；
textArea.readonly=true；
textArea.innerHTML=`自2015年以来，我一直在学习和创建网页内容。
我是一名信息技术专业的兼职学生，专注于网络开发，也是一名自学成才的开发人员。
我有创建多个不同项目（主要是前端）的自由职业者经验。
我从科技的不断发展中受到编程的启发。我喜欢创造东西，因为我一直有艺术头脑；因此，将创造力的激情与我对科技编程的热爱结合起来，对我来说感觉非常完美`
const nav=document.getElementsByTagName（“nav”）[0]；
const header=document.getElementsByTagName（“header”）[0]；
标题.插入前（文本区域，导航）；
}

#itg{
高度：150像素；
宽度：150px；
边界半径：50%；
对齐：顶部；
}
身体{
背景图像：url（“codercup.png”），线性渐变（向右，白色，#c3c3）；
背景重复：无重复；
背景尺寸：600px，700px；
背景位置：底部，中心；
}
李{
列表样式类型：无；
填充：0；
保证金：0；
字体大小：20px；
}
h1{
文本对齐：居中；
}
导航{
浮动：对；
高度：500px；
}
.简历{
对齐：左下角；
}

埃文·麦克雷诺兹投资组合
关于Evin

您需要尝试按id查找textarea。如果它存在，请删除它并停止/返回该函数。如果未找到，则继续创建textarea

函数myFunction（）{
const exists=document.getElementById（“文本”）；
如果（存在）{
存在。删除（）；
返回；
}
const textArea=document.createElement（“textArea”）；
textArea.rows=10
textArea.id=“text”；
textArea.cols=30；
textArea.readonly=true；
textArea.innerHTML=`自2015年以来，我一直在学习和创建网页内容。
我是一名信息技术专业的兼职学生，专注于网络开发，也是一名自学成才的开发人员。
我有创建多个不同项目（主要是前端）的自由职业者经验。
我从科技的不断发展中受到编程的启发。我喜欢创造东西，因为我一直有艺术头脑；因此，将创造力的激情与我对科技编程的热爱结合起来，对我来说感觉非常完美`
const nav=document.getElementsByTagName（“nav”）[0]；
const header=document.getElementsByTagName（“header”）[0]；
标题.插入前（文本区域，导航）；
}

#itg{
高度：150像素；
宽度：150px；
边界半径：50%；
对齐：顶部；
}
身体{
背景图像：url（“codercup.png”），线性渐变（向右，白色，#c3c3）；
背景重复：无重复；
背景尺寸：600px，700px；
背景位置：底部，中心；
}
李{
列表样式类型：无；
填充：0；
保证金：0；
字体大小：20px；
}
h1{
文本对齐：居中；
}
导航{
浮动：对；
高度：500px；
}
.简历{
对齐：左下角；
}

埃文·麦克雷诺兹投资组合
关于Evin

您需要尝试按id查找textarea。如果它存在，请删除它并停止/返回该函数。如果未找到，则继续创建textarea

函数myFunction（）{
const exists=document.getElementById（“文本”）；
如果（存在）{
存在。删除（）；
返回；
}
const textArea=document.createElement（“textArea”）；
textArea.rows=10
textArea.id=“text”；
textArea.cols=30；
textArea.readonly=true；
textArea.innerHTML=`自2015年以来，我一直在学习和创建网页内容。
我是一名信息技术专业的兼职学生，专注于网络开发，也是一名自学成才的开发人员。
我有创建多个不同项目（主要是前端）的自由职业者经验。
我从科技的不断发展中受到编程的启发。我喜欢创造东西，因为我一直有艺术头脑；因此，将创造力的激情与我对科技编程的热爱结合起来，对我来说感觉非常完美`
const nav=document.getElementsByTagName（“nav”）[0]；
const header=document.getElementsByTagName（“header”）[0]；
标题.插入前（文本区域，导航）；
}

#itg{
高度：150像素；
宽度：150px；
边界半径：50%；
对齐：顶部；
}
身体{
背景图像：url（“codercup.png”），线性渐变（向右，白色，#c3c3）；
背景重复：无重复；
背景尺寸：600px，700px；
背景位置：底部，中心；
}
李{
列表样式类型：无；
填充：0；
保证金：0；
字体大小：20px；
}
h1{
文本对齐：居中；
}
导航{
浮动：对；
高度：500px；
}
.简历{
对齐：左下角；
}

埃文·麦克雷诺兹投资组合
关于Evin