按钮没有使用javascript链接到输入字段

时间:2013-05-01 12:06:27

标签: javascript forms button if-statement input

我希望按钮在相应的功能字段中运行代码,但我不相信我已正确设置它。应处理在字段中输入的字符串,然后打印出答案。最后一个'else'语句只是为了查看它是否运行了代码,但它可以输入数字和字符串,第一个语句将被打印“这不是一年”。我也不确定是否正确格式化了第二个'else / if'语句参数(输入%4&&输入%100&&!输入%400)。任何帮助将不胜感激,因为我试图自己解决这个问题并且进展缓慢,所以任何帮助都非常感谢。谢谢!

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" href="style.css" />
    <script src='script.js'></script>
    <title></title>
    </head>
    <body>
    <!--leap year calculator-->
    <h3>Is it a leap year?</h3>

    <form action="">
        Year:<input type="text" name="enter" id="enter"> <br>
    </form>
    <script>function YOLO(enter){
    if (iNaN(enter)){
    console.log("This is not a year");
    }
    else if (enter % 4 && enter % 100 && !enter % 400){console.log("no");
    }
    else if(enter % 4){console.log("yes");
    }
    else {alert("working")}
    };

    var Id= document.getElementById("enter");
    </script>
    <button onclick="YOLO(Id)">Enter</button>

    </body>
    </html>

1 个答案:

答案 0 :(得分:0)

您必须使用element的value属性。像这样:

<button onclick="YOLO(document.getElementById('enter').value);">Calculate</button>