javascript - 我想通过按回车键更改 HTML 文档的背景颜色

Question

我使用了一个根据用户点击鼠标输入改变背景颜色的功能。此外，我希望在用户向输入字段输入特定颜色并按下 Enter 键后，它应该立即更改 HTML 正文背景颜色。请帮我解决这个问题并用纯 javascript 编写代码。

function changeColor(){

var color = document.getElementById("color").value;
document.body.style.background = color;
}

<p>
Enter your fav colour<input type="text" id="color">

<button onclick="changeColor();" onkeypress="changeColor()";> Click </button>
</p>

Answer 1

function changeColorWhenEnter(e) {
  if (e.keyCode == 13) {
    changeColor();
  }
}
function changeColor(){
  var color = document.getElementById("color").value;
  document.body.style.background = color;
}

<p>
  Enter your fav colour
  <input type="text" id="color" onkeypress="changeColorWhenEnter(event)";>
  <button onclick="changeColor();" > Click </button>
</p>