JavaScript变量值修改求助：调整price1的条件赋值逻辑

Hey there! Since you're new to JavaScript, let's break this down step by step to get your code working exactly how you want it.

Key Changes Needed: #

• Instead of using return when price1 < 10, we'll set price1 to 10 after showing the alert.
• We need to properly retrieve and convert values from your INPUT elements (input values are always strings, and we need numbers for accurate calculations).
• Skip processing entirely when price1 equals 0 or is greater than 10, as you requested.

Full Modified Code: #

// First, get input values and convert them to numbers (supports decimals)
const length1 = parseFloat(document.getElementById('length1').value);
const width1 = parseFloat(document.getElementById('width1').value);
// Replace with your actual price per square meter value
const priceSM = 15; 

// Calculate the initial price
let price1 = (length1 * width1) * priceSM / 10000;

// Check if price is less than 10 AND not zero
if (price1 < 10 && price1 !== 0) {
    alert("Size too small");
    price1 = 10; // Update price1 to the minimum value of 10
}

// Display the final rounded price
document.getElementById('result1').innerHTML = Math.round(price1);

Explanation for Each Part: #

1. Converting Input Values:

   • parseFloat() turns the string from your input box into a number (works for whole numbers and decimals, which is perfect for length/width values). If the input is empty, it will become NaN—you can add an extra check for this later if you want to handle invalid inputs.

2. Using let for price1:

   • We use let instead of var because we need to reassign price1 later (when setting it to 10). const can't be reassigned, so let is the right choice here.

3. Condition Logic:

   • The condition price1 < 10 && price1 !== 0 ensures we only trigger the alert and adjust the price when the calculated value is less than 10 but not zero. If you want to handle price1 = 0 the same way (show alert and set to 10), just remove the && price1 !== 0 part, leaving if (price1 < 10).

4. Displaying the Result:

   • Math.round(price1) rounds the final price to the nearest whole number, just like your original code did.

Quick Edge Case Tip: #

If users might enter non-numeric values (like letters), add this check before calculating the price to avoid errors:

if (isNaN(length1) || isNaN(width1)) {
    alert("Please enter valid numbers for length and width!");
    return;
}

内容的提问来源于stack exchange，提问作者Hegedus Lotzy