建立一个网页来出售博物馆的入场券。该页面将包括一些输入元素,用户可以在其中指定他们想要购买的票。每次用户单击Purchase按钮时,页面都会将他们的购买添加到显示在输入元素下方的表中。
页面底部的一个段落也将显示所购买物品的总成本。
当页面第一次打开并且没有购买门票时,您应该隐藏显示表的页面的除法,然后是总数。
当用户单击购买按钮购买他们的第一张票时,您将再次显示此划分。
这是博物馆的票价表。
成员 | 非会员 | |
---|---|---|
青年 | 5.50美元 | 6.50美元 |
成人 | 7.50美元 | 9.50美元 |
对于这个作业,您必须同时使用jQuery和Bootstrap。要使用Bootstrap,您应该从bootswatch.com下载Bootstrap .min.css文件的副本,并将其放在您的项目文件夹中。将此css文件链接到您的页面。你可以在这些讲义中找到如何使用Bootstrap来设置输入元素样式的详细信息。要使用Bootstrap样式表,您应该将Bootstrap表类赢博体育于表元素。
您还必须对项目中的赢博体育DOM代码使用jQuery,包括查找元素、从元素获取值以及设置元素的文本内容。
最后,我还要求你用下面的结构写一个函数:
函数入学(年龄、成员)
这个函数有两个参数,票的年龄类别(‘youth’或‘adult’)和票的会员状态(‘member’或‘非会员’)。该函数应该返回该组合的入场费。
要格式化在表格和页面底部的段落中显示的美元金额,您应该使用我在之前的讲座中展示的文本格式化代码。下面是这段代码:
formatter = new Intl。NumberFormat('en-US', {style: 'currency', currency: 'USD', minimumFractionDigits: 2,});textForm = formatter.format(成本);
这个作业要在4月26日星期五上课前交。