Javascript 按enter键时显示div

我有一个用户可以输入文本的输入，当用户按键盘上的enter键时，它会单击“Go！”按钮然后会出现“创建Div”按钮。当用户单击“创建div”按钮时，将使用用户输入的文本创建div。但我希望在用户按下enter键时也单击此按钮。因此，当用户第一次按“回车”时，它将单击“开始！”按钮，该按钮将使“创建Div”按钮出现，然后当用户第二次按“回车”时（或者最好是当屏幕上显示“创建Div”按钮时），将使用用户输入的文本创建实际Div。 我尝试在Javascript中使用IF语句来实现这一点，但现在我第一次按Enter键触发Go按钮，它会自动触发“Create Div”按钮，在按下第一个“Enter”按钮后，Div立即出现（取消注释我的JS代码的最后一位以了解我的意思），我应该更改什么以获得所需的结果？

var-button=document.getElementById（“按钮”）；
var createbutton=document.createElement（“按钮”）；
var creatediv=document.createElement（“div”）；
addEventListener（'click'，function（）{
createbutton.innerHTML=“创建Div”；
createbutton.style.display='inline block'；
document.getElementById（“body”）.appendChild（createbutton）；
});
createbutton.addEventListener（'单击'，函数（））{
createbutton.style.display='none'；
var输入=document.getElementById（“输入”）.value；
creatediv.innerHTML=输入；
document.getElementById（“body”）.appendChild（creatediv）；
});
document.onkeydown=函数（事件）{
如果（event.keyCode==13）{
按钮。单击（）；
}
}
/*if（createbutton.style.display='inline block'）{
document.onkeydown=函数（事件）{
如果（event.keyCode==13）{
createbutton.click（）；
}
}
}*/

去

您可以提供您的

createbutton

和ID，并检查元素是否在DOM中 按下enter键时：

var-button=document.getElementById（“按钮”）；
var createbutton=document.createElement（“按钮”）；
var creatediv=document.createElement（“div”）；
addEventListener（'click'，function（）{
createbutton.innerHTML=“创建Div”；
createbutton.style.display='inline block'；
createbutton.id='createbutton'；
document.getElementById（“body”）.appendChild（createbutton）；
});
createbutton.addEventListener（'单击'，函数（））{
createbutton.style.display='none'；
var输入=document.getElementById（“输入”）.value；
creatediv.innerHTML=输入；
document.getElementById（“body”）.appendChild（creatediv）；
});
document.onkeydown=函数（事件）{
如果（event.keyCode===13）{
if（document.getElementById（'createButton'））{
createbutton.click（）；
}否则{
按钮。单击（）；
}
}
}

去

非常愉快的回答。