Javascript如何比较两个值，然后更改背景颜色

Javascript How do i compare two values and then change background color?

本文关键字：然后 颜色 背景 何比较 比较 Javascript 两个      更新时间：2023-09-26

为什么这段代码不起作用？我希望它改变输入背景的颜色，无论值是正确的（绿色）还是不正确的（红色）。

<html>
<head>
<script type="text/javascript">
function funct1 () {
var username = "63XZ4";
if(username == document.getElementById('keygen').value ) {
document.getElementById('keygen').style.backgroundColor = '#5bc556';
}
else {
colorchange.style.backgroundColor = 'red';
}
}
return 0;
</script>
</head>
<body>
<input type="text" id="keygen">
<button onclick="funct1"></button>
</body>
</html>

<html>
<head>
<script type="text/javascript">
function funct1 () {
    var username = "63XZ4";
    var keygen = document.getElementById('keygen');
    if(username == keygen.value) {
        keygen.style.backgroundColor = '#5bc556';
    } else {
        keygen.style.backgroundColor = 'red';
    }
}
</script>
</head>
<body>
<input type="text" id="keygen" />
<button onclick="funct1()">Button Title</button>
</body>
</html>

以上内容应该会有所帮助。此外，你可能想看看这个：

  • 为您声明的函数提供更多描述性名称
  • 通过在变量中存储DOM元素来消除对"getElementById"的调用，从而节省时间
相关文章：