Javascript 表单输入,需要帮助设置输入值

Javascript 表单输入,需要帮助设置输入值,javascript,if-statement,console,Javascript,If Statement,Console,我试图获取输入字段的值,所以根据输入值是0还是1,输入值是1还是2,它应该显示在控制台中 <!DOCTYPE html> <html lang="en-US"> <head> <title>demo</title> <meta charset="utf-8"> <style> </style> </head> <body> <

我试图获取输入字段的值,所以根据输入值是0还是1,输入值是1还是2,它应该显示在控制台中

<!DOCTYPE html>
<html lang="en-US">

<head>
    <title>demo</title>
    <meta charset="utf-8">
    <style>

    </style>
</head>

<body>
    <p>Input 0 or 1.</p>
    <input id="ok" type="text">
    <button onclick="functionn()"></button>
    <script>
          var x = document.getElementById("ok").value;

        function functionn() {
            if (x == 0) {
                ok = "one";
                console.log(ok); }
             else if (x == 1) {
                ok = "two";
                console.log(ok);

            } else {
                alert("please input 0 or 1");
            }
        }

    </script>

</body>

</html

演示
输入0或1

var x=document.getElementById(“ok”).value; 函数functionn(){ 如果(x==0){ ok=“一”; console.log(确定);} else如果(x==1){ ok=“两个”; 控制台日志(ok); }否则{ 警报(“请输入0或1”); } } 你太近了

您遇到的问题是“x”变量,它在加载页面后保存输入上的值,即和空字符串

您需要将该变量放入函数中,因此每次单击按钮时,您将“转到”并检查输入值,然后将其存储在“x”变量中

希望这有帮助!=]

你太近了

您遇到的问题是“x”变量,它在加载页面后保存输入上的值,即和空字符串

您需要将该变量放入函数中,因此每次单击按钮时,您将“转到”并检查输入值,然后将其存储在“x”变量中

希望这有帮助!=]

试试看:

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>demo</title>
        <meta charset="utf-8" />
        <style></style>
    </head>

    <body>
        <p>Input 0 or 1.</p>
        <input id="ok" type="text" />
        <button onclick="functionn()"></button>
        <script>
            var x = document.getElementById("ok");

            function functionn() {
                if (x.value === "0") {
                    ok = "one";
                    console.log(ok);
                } else if (x.value === "1") {
                    ok = "two";
                    console.log(ok);
                } else {
                    alert("please input 0 or 1");
                }
            }
        </script>
    </body>
</html>

演示
输入0或1

var x=document.getElementById(“ok”); 函数functionn(){ 如果(x.value==“0”){ ok=“一”; 控制台日志(ok); }否则如果(x.value==“1”){ ok=“两个”; 控制台日志(ok); }否则{ 警报(“请输入0或1”); } }
试试看:

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>demo</title>
        <meta charset="utf-8" />
        <style></style>
    </head>

    <body>
        <p>Input 0 or 1.</p>
        <input id="ok" type="text" />
        <button onclick="functionn()"></button>
        <script>
            var x = document.getElementById("ok");

            function functionn() {
                if (x.value === "0") {
                    ok = "one";
                    console.log(ok);
                } else if (x.value === "1") {
                    ok = "two";
                    console.log(ok);
                } else {
                    alert("please input 0 or 1");
                }
            }
        </script>
    </body>
</html>

演示
输入0或1

var x=document.getElementById(“ok”); 函数functionn(){ 如果(x.value==“0”){ ok=“一”; 控制台日志(ok); }否则如果(x.value==“1”){ ok=“两个”; 控制台日志(ok); }否则{ 警报(“请输入0或1”); } }