更改边框颜色Javascript

Question

您好，我对 HTML 和 Javascript 非常陌生。我正在尝试创建提示，用户可以在其中输入颜色，他们希望边界更改其边框颜色。谁能帮我解决这个问题请指出我需要什么以及在哪里。谢谢所有能帮助和不能帮助的人。
贝娄是我到目前为止的代码

<script>
    var getColor = prompt("Choose your color ", "Enter the  color ");
    var color;
    var el = document.getElementById("color");
   el.innerHTML = "Whatever paragraph message.";
    if (getColor == "Yellow" || getColor == "yellow" || getColor == "YELLOW") {
        color = "#FFFF66";
        el.style.borderColor = color;
    }
    else if (getColor == "Orange" || getColor == "orange" || getColor == "ORANGE") {
        color = "#FF9900";
        el.style.borderColor = color;
    }
    else if (getColor == "Purple" || getColor == "purple" || getColor == "PURPLE") {
        color = "#6600CC";
        el.style.borderColor = color;
    }

Answer 1

我更正了您的 sn-p 以使其正常工作。您只需要访问 HTML 元素的 style.borderColor。

我改变了什么：
• #borders 用于 id="borders"，所以我更改为 .borders 并将 CSS 类边框添加到您的

  元素

• “solid”值用于边框样式属性
• 您的“promptUser”变量不存在，所以我用静态文本更改了它

希望这会有所帮助！

 var getColor = prompt("Choose your color ", "Enter the  color ");
 var color;
 var el = document.getElementById("color");
 el.innerHTML = "Whatever paragraph message.";
 if (getColor =="Yellow" || getColor =="yellow" || getColor =="YELLOW"){
     color = "#FFFF66";
     el.style.borderColor = color;
 }

 
.borders{
    background-color:#00ffff;
    border-color:#000000;
    border-width:2px;
    border-style:solid;
}

 
<p id="color" class="borders"></p>