Javascript 如何使用弹出框输入更改CSS（背景色）

我有一个关于JavaScript和CSS的快速问题

我想有一个弹出框，允许您输入一种颜色任何主要的原色是由CSS识别。用户输入颜色后，我希望它更改外部样式表中的body元素，以更改页面的背景颜色。我知道我将需要在CSS中使用这些属性的组合，但我不确定如何将其与外部CSS关联，以及在这里组合的正确方式

学校：

function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
}

onclick="this.parentElement.style.display='none';"

此外，学校：

function myFunction() {
var person = prompt("Please enter your name", "Harry Potter");
if (person != null) {
    document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
}
}

onclick="this.parentElement.style.display='none';"

现在，我想我的主要问题是如何扮演display='none'这个角色；要实际获取弹出框的输入并将其插入onclick中以实现我的目标，可能会是这样的：parentElement.style.backgroundcolor='+usercolorinput+'

---

提前谢谢。

以下是我将如何做的

根据用户输入更改颜色 函数更改颜色元素{ document.body.style.backgroundColor=element.value； } 333型或以下粉红色

---

首先创建函数，该函数在单击事件后返回显示值

function changeDisplay{
var value="block";
return value;
 }

然后在click函数中调用它 onclick=this.parentElement.style.display=changeDisplay

注意：-更改背景颜色的方法与概念相同，但您需要将此功能添加到另一个事件中，如输入文本中的文本更改或选择框中的选择选项，或脚本或网页中所需的方式