这个问题

建立一个网页来出售博物馆的入场券。该页面将包括一些输入元素,用户可以在其中指定他们想要购买的票。每次用户单击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日星期五上课前交。