Javascript 在HTML中，如何在按钮中创建按钮

我制作了一个按钮，并在一个段落中放置了一个ID，以便在提到某个函数时输出一些文本，但如何在单击第一个按钮时放置第二个按钮。 （例如，如果单击1-2，则显示按钮1和2以及3-4输出3和4） 请尽量保持简单，如果你能解释，因为我最近才开始编程

我曾尝试在一个按钮用来为另一个按钮编码的函数脚本中更改innerHTML，但这不起作用

<button class="button" onclick="contact()">Contact</button>
<p id=( "Identifier")></p>
<script>
  function contact() {
    document.getElementById("identifier").innerHTML = "<button class="
    button " onclick="
    email()
    ">email</button> <button class="
    button " onclick="
    email()
    ">phone</button>";
  }

  function email() {
    document.getElementById("identifier").innerHTML = "Email here";
  }

  function phone() {
    document.getElementById("identifier").innerHTML = "Phone here";
  }
</script>

联系人

功能联系人（）{
document.getElementById（“标识符”）.innerHTML=“电子邮件电话”；
}
功能电子邮件（）{
document.getElementById（“标识符”）.innerHTML=“此处发送电子邮件”；
}
功能电话{
document.getElementById（“标识符”）.innerHTML=“电话在此”；
}

---

当我用上面的代码点击一个按钮时，下面会显示另外两个按钮，当我点击它们时，结果（这里是电子邮件或电话）会显示，但不会显示。

首先，

id

被删除为

，而不是
。
其次，您可以使用反勾号来编写多行字符串
请修改您的代码如下


功能联系人（）{
document.getElementById（“标识符”）.innerHTML=`
电子邮件
电话`；
}
功能电子邮件（）{
document.getElementById（“标识符”）.innerHTML=“此处发送电子邮件”；
}
功能电话{
document.getElementById（“标识符”）.innerHTML=“电话在此”；
}
联系人
首先，
id
被定义为
，而不是
。
其次，您可以使用反勾号来编写多行字符串
请修改您的代码如下


功能联系人（）{
document.getElementById（“标识符”）.innerHTML=`
电子邮件
电话`；
}
功能电子邮件（）{
document.getElementById（“标识符”）.innerHTML=“此处发送电子邮件”；
}
功能电话{
document.getElementById（“标识符”）.innerHTML=“电话在此”；
}
联系人