Javascript 按下<；时，如何使按钮出现；输入>；在HTML中？如何制作一个在HTML中添加文本的按钮？

我正在做登记表。我已经完成了登记表的制作，但我只需要在登记表中再添加一项内容：一个按钮，用于在登记表中添加文本。如何使该按钮显示在文本输入中？有人能帮忙吗？以下是注册表的当前可运行片段：

函数验证表单（）{
用户名=document.forms[“RegForm”][“Name”]；
让email=document.forms[“RegForm”][“email”]；
让phoneNumber=document.forms[“RegForm”][“Telephone”]；
放行=document.forms[“RegForm”][“Password”]；
如果（username.value==“”）{
警告（“请输入您的姓名”）；
username.focus（）；
返回false；
}
如果（email.value==“”）{
警报（“请输入有效的电子邮件地址”）
email.focus（）；
返回false；
}
如果（phoneNumber.value==“”）{
警报（“请输入您的电话号码”）
focus（）；
返回false；
}
如果（pass.value==“”）{
警报（“请输入您的密码”）
pass.focus（）；
返回false；
}
返回true；
}

.regform{
左边距：70像素；
字体大小：粗体；
文本对齐：左对齐；
字体系列：无衬线、粗体、Arial、Helvetica；
字体大小：14px；
}
.按钮{
显示器：flex；
对齐项目：居中；
宽度：100%；
}
div输入{
右边距：10px；
}
形式{
保证金：0自动；
宽度：600px；
}
表单输入{
填充：10px；
}
表格标签{
显示：块；
宽度：100%；
边缘底部：5px；
}

登记表
登记表
姓名：


电子邮件地址：


密码：


电话：

这里有一个“添加文本的按钮”：

document.getElementById（“btn”）.addEventListener（“单击”，（）=>{
document.getElementById（“输入”）.value+=“文本”；
});
单击将文本添加到下面的输入



在此处包含JavaScript和CSS代码。我会包括它。它说我的帖子大部分是代码。让我再试一次。你仍然需要更多关于这个问题的细节。我不太明白你要我做什么。添加此信息，堆栈溢出将允许您添加更多代码。我需要有人告诉我，当您在HTML中按下按钮时，如何使按钮显示。也许你也可以帮忙？@tt2806我已经更新了我的答案，
现在只有当
在
:focus
中时才会出现
:Hey，很抱歉你不得不听到这个。。但是我的问题是：如何添加文本，对不起。也许你可以再更新一次？@tt2806我又更新了代码。这就是你想要它做的吗？CSS不见了，你把它删除了吗？我很确定你在答案中添加了CSS。