Javascript 需要帮助开发一个数组或函数,它将能够继承您所做的选择吗
我正在做一个学校项目,需要开发一个交互式菜单。我在JavaScript和html的许多方面的知识有限,因为我已经学习了几个月。我正在制作一个统一的菜单,允许用户理论上购买统一的物品(实际上我没有添加付款选项) 我需要帮助,以能够创建一个功能或类似的东西,将显示您所做的选择,也进行了您所做的选择,这将导致一个确认消息 在上面的屏幕截图中,假设用户想要2件小运动夹克。因此,用户将单击small并单击EnterQuantity并键入2。然后,用户将单击confirm order,这将显示一条确认消息,如Javascript 需要帮助开发一个数组或函数,它将能够继承您所做的选择吗,javascript,Javascript,我正在做一个学校项目,需要开发一个交互式菜单。我在JavaScript和html的许多方面的知识有限,因为我已经学习了几个月。我正在制作一个统一的菜单,允许用户理论上购买统一的物品(实际上我没有添加付款选项) 我需要帮助,以能够创建一个功能或类似的东西,将显示您所做的选择,也进行了您所做的选择,这将导致一个确认消息 在上面的屏幕截图中,假设用户想要2件小运动夹克。因此,用户将单击small并单击EnterQuantity并键入2。然后,用户将单击confirm order,这将显示一条确认消息
You have chosen to confirm 2 small sized blazers for $400. Confirm?
问题是,我不知道如何创建此消息,该消息的大小和用户需要的项目数量各不相同
示例代码:抱歉,如果这没有多大意义。我已经尽力解释我的问题,所以我可能遗漏了重要的细节。如果我有,请告诉我
HTML:
<td>Blazer (All Sizes) - $200</td>
<td><button onclick="small()">Small</button>
<p><button onclick="medium()">Medium</button> </p>
<button onclick="large()">Large</button> </td>
<td><button onclick="quantitynumber()">Enter Quantity</button> </td>
<td><button onclick="confirmorder()">Confirm Order</button>
var blz = 0
function small()
{
blz = confirm ('You have selected size: Small. Confirm?')
}
function medium()
{
blz = confirm ('You have selected size: Medium. Confirm?')
}
function large()
{
blz = confirm ('You have selected size: Large. Confirm?')
}
function quantitynumber()
{
blz = prompt ('Enter the number of Blazer(s) to order')
blz1 = blz * 200
if ( blz == 1) {
blz1 = confirm ('You have chosen to order 1 Blazer for $' + blz1 + '. Confirm?')
}
else if ( blz >=2 && blz <= 5) {
blz1 = confirm ('You have chosen to order ' + blz + ' Blazers for $' + blz1 + '. Confirm?')
}
else if (blz >5) {
alert('There is a limit of 5 Blazers per customer.')
blz = null
blz1= null
}
else if (blz = isNaN || blz == '') {
alert ('Please type in a valid number.')
}
}
function confirmorder()
{
if (blz == small && blz >= 1 && blz <= 5) {
blz1 = confirm ('You have chosen to confirm ' + blz + ' small sized Blazers for $' + blz1 + '. Confirm?')
}
}
Blazer(所有尺寸)-200美元
小的
中等
大的
输入数量
确认订单
JS:
<td>Blazer (All Sizes) - $200</td>
<td><button onclick="small()">Small</button>
<p><button onclick="medium()">Medium</button> </p>
<button onclick="large()">Large</button> </td>
<td><button onclick="quantitynumber()">Enter Quantity</button> </td>
<td><button onclick="confirmorder()">Confirm Order</button>
var blz = 0
function small()
{
blz = confirm ('You have selected size: Small. Confirm?')
}
function medium()
{
blz = confirm ('You have selected size: Medium. Confirm?')
}
function large()
{
blz = confirm ('You have selected size: Large. Confirm?')
}
function quantitynumber()
{
blz = prompt ('Enter the number of Blazer(s) to order')
blz1 = blz * 200
if ( blz == 1) {
blz1 = confirm ('You have chosen to order 1 Blazer for $' + blz1 + '. Confirm?')
}
else if ( blz >=2 && blz <= 5) {
blz1 = confirm ('You have chosen to order ' + blz + ' Blazers for $' + blz1 + '. Confirm?')
}
else if (blz >5) {
alert('There is a limit of 5 Blazers per customer.')
blz = null
blz1= null
}
else if (blz = isNaN || blz == '') {
alert ('Please type in a valid number.')
}
}
function confirmorder()
{
if (blz == small && blz >= 1 && blz <= 5) {
blz1 = confirm ('You have chosen to confirm ' + blz + ' small sized Blazers for $' + blz1 + '. Confirm?')
}
}
var blz=0
函数小()
{
blz=confirm('您已选择大小:Small.confirm?')
}
功能介质()
{
blz=confirm('您已选择大小:中等。确认?')
}
函数大()
{
blz=confirm('您已选择大小:大。确认?')
}
函数quantitynumber()
{
blz=提示('输入要订购的运动夹克的数量')
blz1=blz*200
如果(blz==1){
blz1=confirm('您已选择以$'+blz1+'的价格订购一件运动夹克。confirm?')
}
否则如果(blz>=2&&blz 5){
警报(“每位客户最多可穿5件运动夹克。”)
blz=null
blz1=null
}
else if(blz=isNaN | | blz==''){
警报('请键入有效数字')
}
}
函数确认器()
{
如果(blz==small&&blz>=1&&blz一个快速解决方案是创建一个order对象数组。您可以使用array.push()函数将您的订单推送到可变长度数组中。这将允许您跟踪多个订单,而无需事先知道任何信息。然后您可以循环浏览所有订单并相应地制定消息
function order(item,quan,price)
{
this.item = item;
this.quan = quan;
this.price = price;
}
var orders = [];
orders.push(new order("shirt",50,200));
alert("You have chosen to confirm " + orders[0].quan + " " + orders[0].item + "(s) for " + orders[0].price + ". Confirm?");
因为你只有一组有限的值。3种尺码的运动夹克。数量不能大于5。我认为。更好的解决方案是让用户从有限的选项中进行选择
例如:
运动夹克(所有尺寸)-200美元
尺寸:
小的
中等
大的
数量:
1.
2.
3.
4.
5.
函数确认器()
{
var blz_size=document.getElementById('blz_size')。值;
var blz_quan=document.getElementById('blz_quantity')。值;
var总计=blz_quan*200;
var choice=confirm('您已选择订购'+blz_quan+''+blz_size+'尺码的运动夹克,价格为$'+total+'。confirm?');
如果(选择){
//在这里做你必须做的一切。。。
警报(“订单确认”);
}
否则{
返回false;
}
}
jsfiddle中的示例代码:如果这没有多大意义,那么很抱歉。我已经尽力解释了我的问题,所以我可能遗漏了重要的细节。如果我遗漏了,请告诉我。请包括代码(和fiddle链接)也在问题内部。两个观察结果..1将JSFIDLE中的第二个下拉列表从onLoad
更改为No wrap-in
2个选项,其中(A)必须进行选择,以及(b)必须进行选择有许多选项通常是通过单选按钮完成的-如果用户没有做出选择,您可以明显地强制进行默认选择,然后3 javascript函数确认
的结果是真
或假
-如果没有做出选择,blz将未定义
,或者如果做出选择,blz将真
e和已确认,如果做出选择但未确认,则最终为false
。@Iced-Z感谢您在我的回答中接受我的回答……以及……祝您在学校项目中好运……)