0

このコードが機能しないのはなぜですか? 値が正しいか（緑）、正しくないか（赤）に関係なく、入力背景の色を変更したい。

<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>
4

1 に答える 1

0 
<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」の呼び出しをなくすことで、時間を節約できます。
于 2013-02-05T21:11:32.267 に答える