时间戳

首页 > 解决方案 > 事件没有给我结果

javascript - 事件没有给我结果

问题描述

我的家庭作业是制作一个像派对一样的活动，然后给出四个不同年龄段的价格。
假设用户输入他们的年龄，它会告诉他们他们支付的价格。
我还想告诉用户是否输入了错误的数字，例如 0 或 1000 或一个单词，但我还没有完全弄清楚如何做到这一点，因为我从未被教过如何做到这一点。

<form id="age">
  <p>
    <input type= "text" value= "Enter age" id= "text1">
  </p>
  <p>
    <button class="w3-button w3-black" type="button" onclick= "message1" id= "button">
      Amount Due
    </button>
  </p>
</form>

var age

function message1 ()
  {
  if (age >= 0 && age => 12)
    {
    window.alert("You are not eligible to go to this event")
    }
  if ( age => 13 && age => 18)
    {
    window.alert("Your amount due is $5.00")
    }
  if (age => 19 && age => 24)
    {
    window.alert("Your amount due is $7.00")
    }
  if (age => 25 && age => 54)
    {
    window.alert("Your amount due is $9.00")
    } 
  if (age => 55 && age => 99)
    {
    window.alert("Your amount due is $11.00")
  } }

标签： javascript

解决方案

函数名需要括号。

<form id= "age">

    <p><input type= "number" min="1" max="150" value= "Enter age" id= "text1"></p>

 <p><button class="w3-button w3-black" type="button" onclick= "message1()" id= "button">Amount Due</button></p>

    </form>

只需使用基于 id 的 jQuery 选择器获取值。使用 <= 小于等于。并使用警报而不是使用 window.alert。在每条语句后使用分号。

如果您想开始 Web 开发，一个很好的资源是点击这里！

<script>
function message1 () {

var age = $("#text1").val();

if (age >= 0 && age <= 12) {

alert("You are not eligible to go to this event");

} if ( age >= 13 && age <= 18) {

alert("Your amount due is $5.00");

} if (age >= 19 && age <= 24) {

alert("Your amount due is $7.00");

} if (age >= 25 && age <= 54) {

alert("Your amount due is $9.00");

} if (age >= 55 && age <= 99) {

alert("Your amount due is $11.00");

}

}
</script>

推荐阅读