Javascript 是否可以在if语句中嵌入html？

可以在javascript中嵌入html吗？我试图根据输入将两个不同的表单传递给单选按钮。我的问题是这可能吗

<script>
if(document.getElementById('hello').checked) {
    <p> form 1 </p>
}else if(document.getElementById('goodbye').checked) {
  <p> form 2</p>
}
</script>
<button onclick="">one or the other</button>

if（document.getElementById（'hello'）。选中）{
表格一

}else if（document.getElementById（'bye'）。选中）{
表格二

}
一个或另一个

如果要更新JS代码中的HTML，应该使用类似于

document.createElement

的函数

---

检查“创建和放置新节点”部分

您可以使用模板表单创建对象。
根据选中的

单选元素，只需通过选中的单选元素
值引用模板即可：


const form_模板={
联系人：`
名字：
姓氏：
`,
通讯：`
电邮：
`
};
const ELS_picker=document.queryselectoral（“[name=form picker]”）；
const EL#u picked=document.querySelector（“#picked”）；
常量pickForm=（）=>{
常量ckd=[…ELS_picker].filter（el=>el.checked）[0]；
EL_picked.innerHTML=表单模板[ckd.value]；
};
//论无线电变革
ELS_picker.forEach（el=>el.addEventListener（“更改”，pickForm））；
//初始化！
pickForm（）
选择一个表单：
联系人：
通讯：
您可以这样做，但您可能必须这样注入：


一个或另一个
var formEl=document.getElementById（'form'）；
if（document.getElementById（'hello'）。选中）{
formEl.innerHTML='Form1
'；
}else if（document.getElementById（'bye'）。选中）{
formEl.innerHTML='Form2
'；
}
一般来说，表格1应该是什么？！
一个或另一个
应该怎么做？理想情况下，这将显示一个基于文本的表单：名字：

姓氏：


如果单击另一个单选复选框，则将显示另一个表单。我认为将“可见”和“不可见”类附加到表单上会更简单，而只是将两个表单模板都写在html中。如果单击了form1的单选按钮，只需将“可见”类添加到form1元素，同时将“不可见”类添加到form2元素。反之亦然。可见类和不可见类可以定义样式，分别显示和隐藏它们。是的，太完美了！非常感谢。您是否将常量变量包装在html文档中的标记中？你在哪里写这段代码？const ELS_picker=document.queryselectoral（“[name=form picker]”）；const pickForm=（）=>{const ckd=ELS_picker.forEach（el=>{document.querySelector（
[id=“form-->{el.value}]”）]
）.classList.toggle（“u-none”，！el.checked）；}；//在无线电上更改ELS_picker.forEach（el=>el.addEventListener（“更改”，pickForm））；//初始化！pickForm（）；*实用程序类*/.u-none{display:none；#这看起来像是内联css，对吗？}@lizzo所有JavaScript都应该在（！）结束正文标记之前放入
标记：