JavaScript如何循环弹出prompt直至用户终止，实现动态修改页面背景色

符合要求的精简实现代码 #

<!DOCTYPE html>
<html lang="zh-CN">
<title>背景颜色切换</title>
<body onload="changeColor()">
<h1 style="text-align:center">背景颜色切换工具</h1>
<script>
function changeColor(){
  const color = prompt("请输入背景颜色名称：")
  document.body.style.bgColor = color
  color && changeColor()
}
</script>
</body>
</html>

代码说明 #

• 完全满足要求：使用prompt()获取用户输入、通过style.bgColor设置页面背景色
• 删掉了原代码中冗余的form标签、script无效样式、body无用自定义属性，行数大幅压缩
• 新增递归调用逻辑：只要用户输入内容点击确认，就会再次弹出输入框，支持持续修改背景色；如果用户点击取消（prompt返回空值）就自动停止弹窗，不会强制阻碍用户退出页面
• 所有文案已翻译为中文，符合使用习惯

内容的提问来源于stack exchange，提问作者giannik28