Javascript 更改边框颜色依赖值

我有两个div和textbox。我想更改div边框的颜色。这取决于文本框的值。但是文本框有时是增加有时是减少，它们不是一个确定的数字

我试过了，但没用

$document.readyfunction{ var val=document.getElementById'a'。值； ifval==25{ $.b.parent.css{颜色：红色，边框：2px纯黄色}； } 否则ifval==50{ $.b.parent.css{颜色：黑色，边框：2px纯红}； } }; .abc{ 显示：块； 边框：2件纯色浅灰色； 颜色：浅灰色； 填充物：5px； 利润率：15px； }

---

您的代码几乎没有问题：

加载文档时，if和elseif语句只运行一次。您应该将事件侦听器附加到该事件。 有两个元素具有相同的id=a。ID在整个页面中始终是唯一的 您应该使用+将val转换为数字。在这种情况下，由于double equal==的缘故，该值很好。 $document.readyfunction{ $'input'。在'keyup'上，函数{ 让val=+this.value； 控制台logval ifval==25{ $this.parent.css{color:red，border:2px solid yellow}； } 否则ifval==50{ $this.parent.css{color:red，border:2px solid red}； } else$this.parent.css{color:，border:}； } $'input'.keyup； }; .abc{ 显示：块； 边框：2件纯色浅灰色； 颜色：浅灰色； 填充物：5px； 利润率：15px； }

---

如果这是为了css边框颜色的改变，这里就是。我使用了一个动画循环，我所要做的就是随时间改变颜色。你会看到的。这很简单，也很有效

#Title{
animation: colorchange 2s infinite;


}

@keyframes colorchange{
0%{border: 5px ridge blue;}
50%{border: 5px ridge green;}
100%{border: 5px ridge mediumseagreen;}
50%{border: 5px ridge purple;}
}

---

不清楚你在这里要什么。请修改以更好地解释预期行为。如果值为26，会发生什么情况？您有两个id相同的输入，这是错误的。因此请使用范围？我想更改div边框颜色，取决于文本框值这是您所做的。。。。。它只在加载时才运行。我想当用户更改它时，您会这样做吗？因此，添加一个更改事件监听器谢谢您的回答，但文本框值已填充automatically@CelalBahadırKAYA不清楚你的意思。请解释一下我会尽力帮忙的。告诉我会发生什么我认为这只对了一半。如果默认值等于条件值，则应立即调用该函数。在您的答案中，边框应以黄色和红色开头，因为这些值等于条件值。这也只适用于一次。如果在触发一次后尝试更改这些值，则无论输入的内容是什么，都将保持黄色和红色。@Nick如果您的意思是这些值，则如果将25更改为255，则文本框仍为黄色。这是固定的。谢谢你suggestion@CelalBahadırKAYA您只想在脚本执行时更改边框颜色？这个问题在一年前就得到了回答。此外，这不是OP想要的。OP希望根据输入字段的值更改边框颜色。不是动画片。哦，好吧，我从来不知道。