简单的年龄JS形式不起作用

时间:2015-05-12 18:38:28

标签: javascript

我是JavaScript的新手,我正在练习从html表单获取内容。 我不想让日期选择器感到羞耻。只是检查。 这是一些代码:     

<html>

<title>JavaScript example</title>

<script type="text/javascript">

function onload() { 

var age = document.getElementById('v').value;
var res = (age >= 18) ? "Adult" : "Minor";


}
function open(){

alert(res);
}
</script>

<body onload="onload();">
<input type="text" name="AREA" value="" id="v"/>
<input type="button" value="click" onclick="open();"/>
</body>

</html>

我的html工作正常,但是当我点击按钮时,所有页面都变为空白而没有任何内容。 一些帮助?

1 个答案:

答案 0 :(得分:2)

您有两个问题:

  1. 正如其他人所说,由于您在onload函数中定义了res变量,因此该函数是本地变量,而您的开放函数无法看到它。
  2. 导致页面空白的另一个问题是为您的函数使用名称open。 JavaScript具有document.open功能,当您点击按钮时,您就会调用它。我将您的功能重命名为其他功能以防止这种情况发生。
  3. 作为最后一点,你可能不想运行你的第一个函数onload,因为输入还没有值。 jsFiddle example