-4

我正在编写一个简单的函数,只是为了给朋友带来乐趣,但我的 js 函数不会以我想要的方式返回 x。我有一个文本字段和一个按钮。如果用户输入“no good lyer”,x 应该返回“Big Fucking Surprise!” 如果用户用文本输入任何其他内容,x 应该返回“不管怎样,别管她!” 如果用户没有输入任何内容,x 应该返回“做出决定!”

这是我的代码:

<!DOCTYPE html>
<html>
<body>
<p>Click the button to make a decision about your ex.</p>

<p id="choice">Here is your Decision</p>

<form>
My Ex:<input type="text" name="myEx">
</form>

<button onclick="myLife()">Decide</button>

<script>
   function myLife()
{
var x="";

if("myEx".text=="no good lyer")
{
x="Big Fu**ing Surprise!";
}

if("myEx".text!="no good lyer")
{
x="Leave her a** anyway!";
}

if("myEx".text=="")
{
x="Make a decision!"
}

document.getElementById("choice").innerHTML=x
}
</script>

</body>
</html>
4

3 回答 3

2

抱歉,javascript 字符串没有调用方法text。您尝试使用 获取输入的值<input type="text" name="myEx">'myEx'.text这至少可以说很奇怪,但您需要使用普通人的 javascript。尝试getElementsByName('myEx')[0]

将此变量添加到函数的顶部myLife

var myEx = document.getElementsByName('myEx')[0].value

像这样更改每一行:

"myEx".text

简单来说

myEx
于 2013-07-17T04:46:55.220 回答
0

将您的脚本更改为以下

<script>
function myLife()
{
    var x="";

    if("myEx".text=="no good lyer")
    {
        x="Big Fu**ing Surprise!";
    }

    if("myEx".text!="no good lyer")
    {
        x="Leave her a** anyway!";
    }

    if("myEx".text==null)
    {
        x="Make a decision!"
    }

    document.getElementById("choice").innerHTML=x
}
</script>
于 2013-07-17T04:54:23.980 回答
0

首先你应该use === and !== operator检查条件,试试下面的代码

To get a value from a input text use .value 




 <!DOCTYPE html>
<html>
<body>
<p>Click the button to make a decision about your ex.</p>

<p id="choice">Here is your Decision</p>

<form>
My Ex:<input type="text" id="myText" value="">
</form>

<button onclick="myLife()">Decide</button>

<script>
   function myLife()
{

  var myText = document.getElementById("myText");
var x="";

if(myText.value==="no good lyer")
{
x="Big surprise!";
}

if(myText.value!=="no good lyer")
{
x="Leave her!";
}

if(myText.value === "")
{
x="Make a decision!"
}
document.getElementById("choice").innerHTML=x
}
</script>

</body>
</html>
于 2013-07-17T04:55:21.343 回答