-1

テキストボックスとボタンでログインシステムを作ろうとしています。テキストボックスにパスワードを入力してからボタンを押すことになっていますが、これを行っても何も起こりません。これまでの私のコードは次のとおりです。

<html>
<body>
<script type="text/javascript">
function EnterPwerd() {
var pass= input = document.getElementById("text")
if ( (pass=='bacon') ) {
document.write("BACON is so good.")
}
else {
document.write("You put the wrong password you taco biscuit!")
}
</script>
<div id="text"><input type="text" value="" size="10" maxlength="15"></civ>
<input type="button" value="Enter" onClick="EnterPwerd()">
</body>
</html>
4

3 に答える 3

0 
<div id="text">
    <input id="password" type="password" value="" size="10" maxlength="15">
</div>
<input id="button" type="button" value="Enter">

var passbox = document.getElementById("password");

function enterPwerd() {
    var pass = passbox.value;

    if (pass === 'bacon') {
        alert("BACON is so good.")
    } else {
        alert("You put the wrong password you taco biscuit!")
    }
}

document.getElementById("button").addEventListener("click", enterPwerd, false);

jsfiddleで

于 2013-04-20T19:47:43.913 に答える
0

入力要素の値を取得したい場合は、入力要素の ID を取得する必要があります。これを試して：

<html>
<head>
    <script type="text/javascript">
        function EnterPwerd() {
            var pass = document.getElementById("text").value;
            if ( (pass=='bacon') ) {
                document.write("BACON is so good.");
            }
            else {
                document.write("You put the wrong password you taco biscuit!");
            }
        }
    </script>
</head>
<body>
    <input type="text" value="" size="10" maxlength="15"  id="text">
    <input type="button" value="Enter" onClick="EnterPwerd()">
</body>
</html>
于 2013-04-20T19:42:29.433 に答える