页面加载时JS prompt无弹窗问题咨询及代码修复需求

你的代码页面加载时没弹出prompt，是因为存在语法错误导致JavaScript脚本直接中断执行了，以下是具体问题和修复后的代码：

核心错误点 #

• else语句不能带条件判断：比如else (purchaseType == "Delivery")和嵌套的else (deliveryTipOption == "No")，正确写法应该是else if(条件)，或者当只有两种分支时直接用else
• 字符串拼接和计算缺少运算符：比如finalCost = (totalPrice salesTax)、alert("Total Price: $" totalPrice)，这些地方都漏掉了+运算符
• 未声明变量：result1、result2、result3直接使用但没声明，会变成全局变量，建议用let或var声明
• 小费金额未转数字：deliveryTipAmount获取prompt输入后没转成Number类型，后续计算会出错

修复后的完整代码 #

<body>
    <script>
        let purchaseType = prompt("Enter purchase type: (Store/Delivery)");
        let numOfPies;
        let numOfToppings;
        let numofFountainDrinks;
        let deliveryTipOption;
        let deliveryTipAmount;
        let contactlessDeliveryOption;
        let totalPrice;
        let salesTax;
        let finalCost;
        
        if (purchaseType === "Store"){
            numOfPies = Number(prompt("Enter number of pies: "));
            let result1 = numOfPies * 15;
            numOfToppings = Number(prompt("Enter number of toppings: "));
            let result2 = numOfToppings * 0.50;
            numofFountainDrinks = Number(prompt("Enter number of drinks: "));
            let result3 = numofFountainDrinks * 2;
            totalPrice = result1 + result2 + result3;
            salesTax = totalPrice * 0.07;
            finalCost = totalPrice + salesTax;
            alert("Total Price: $" + totalPrice.toFixed(2));
            alert("Sales Tax: $" + salesTax.toFixed(2));
            alert("Final Cost: $" + finalCost.toFixed(2));
        }
        else if (purchaseType === "Delivery"){
            numOfPies = Number(prompt("Enter number of pies: "));
            let result1 = numOfPies * 15;
            numOfToppings = Number(prompt("Enter number of toppings: "));
            let result2 = numOfToppings * 0.50;
            deliveryTipOption = prompt("Enter tip option: (Yes/No)");
            if (deliveryTipOption === "Yes"){
                deliveryTipAmount = Number(prompt("Enter tip amount: "));
                contactlessDeliveryOption = prompt("Enter contactless option: (Yes/No)");
            }
            else {
                deliveryTipAmount = 0.00;
                contactlessDeliveryOption = prompt("Enter contactless option: (Yes/No)");
            }
            totalPrice = result1 + result2 + 3.00;
            salesTax = totalPrice * 0.07;
            finalCost = totalPrice + salesTax + deliveryTipAmount;
            alert("Total Price: $" + totalPrice.toFixed(2));
            alert("Sales Tax: $" + salesTax.toFixed(2));
            alert("Tip amount: $" + deliveryTipAmount.toFixed(2));
            alert("Final Cost: $" + finalCost.toFixed(2));
            alert("Contactless Delivery: " + contactlessDeliveryOption);
        } else {
            alert("请输入正确的购买类型：Store或Delivery");
        }
    </script>
</body>

额外优化：

• 用===代替==做严格相等判断，避免类型转换带来的问题
• 给所有金额显示加上toFixed(2)，保证格式为两位小数
• 增加了非法输入的提示分支，处理用户输入非Store/Delivery的情况
• 把var换成let，块级作用域更安全

内容的提问来源于stack exchange，提问作者Chance Heinold