מחרוזת JavaScript למספר המרה ב-HTML: מחפש הבהרה

פורסם 2023 באוגוסט 292 שנים

HTML ו-JavaScript קטן, ואני נתקל בבעיה בהמרת מחרוזות למספרים. יש לי שדה קלט ב-HTML שלי שבו משתמשים יכולים להזין מספר כמחרוזת. אני משתמש ב-JavaScript כדי להמיר מחרוזת זו למספר ולבצע חישובים, אבל אני לא מקבל את התוצאות הצפויות.

להלן קוד ה-HTML וה-JavaScript שלי:

<!DOCTYPE html>
<html>
<head>
    <title>String to Number Conversion</title>
</head>
<body>
    <input type="text" id="numberInput" placeholder="Enter a number">
    <button onclick="calculate()">Calculate</button>

    <p id="result"></p>

    <script>
        function calculate() {
            let input = document.getElementById("numberInput").value;
            let convertedNumber = Number(input);

            let result = convertedNumber + 10;
            document.getElementById("result").textContent = "Result: " + result;
        }
    </script>
</body>
</html>

כאשר אני מזין מספר בשדה הקלט ולוחץ על כפתור "חשב", התוצאה אינה כצפוי. לדוגמה, אם אני מזין "5", התוצאה המוצגת היא "510" במקום "15".

מישהו יכול להסביר למה זה קורה? האם אני מפספס משהו בקוד שלי? כיצד אוכל לוודא שהמחרוזת מומרת כהלכה למספר לפני ביצוע חישובים? כל תובנות או שינויי קוד יתקבלו בברכה. תודה!

ציטוט

פורסם 2023 באוגוסט 302 שנים

הקוד שלך נראה בסדר ואצלי עובד מצויין

https://jsfiddle.net/fdvnckq0

ציטוט

1 שנה מאוחר יותר...

פורסם 2024 בנובמבר 29נובמבר 29

ציטוט של habis
HTML ו-JavaScript קטן, ואני נתקל בבעיה בהמרת מחרוזות למספרים. יש לי שדה קלט ב-HTML שלי שבו משתמשים יכולים להזין מספר כמחרוזת. אני משתמש ב-JavaScript כדי להמיר מחרוזת זו למספר ולבצע חישובים, אבל אני לא מקבל את התוצאות הצפויות. basketball stars
להלן קוד ה-HTML וה-JavaScript שלי:
<!DOCTYPE html><html><head>
    <title>String to Number Conversion</title></head><body>
    <input type="text" id="numberInput" placeholder="Enter a number">
    <button onclick="calculate()">Calculate</button>

    <p id="result"></p>

    <script>
        function calculate() {
            let input = document.getElementById("numberInput").value;
            let convertedNumber = Number(input);

            let result = convertedNumber + 10;
            document.getElementById("result").textContent = "Result: " + result;
        }
    </script></body></html>
כאשר אני מזין מספר בשדה הקלט ולוחץ על כפתור "חשב", התוצאה אינה כצפוי. לדוגמה, אם אני מזין "5", התוצאה המוצגת היא "510" במקום "15".
מישהו יכול להסביר למה זה קורה? האם אני מפספס משהו בקוד שלי? כיצד אוכל לוודא שהמחרוזת מומרת כהלכה למספר לפני ביצוע חישובים? כל תובנות או שינויי קוד יתקבלו בברכה. תודה!

נראה שהבעיה היא שלא נעשה שימוש נכון בשיטת Number() כאשר אתה מכניס מספר למחרוזת. עם זאת, אם תנסה לחבר מחרוזות ומספרים יחד ואחד מהם הוא מחרוזת, תקבל שרשור מחרוזת במקום שרשור מתמטי.

במקרה שלך, הכנסת "5" לשדה ולחיצה על "חשב" תצטרף למחרוזת "5" עם 10.

נערך 2024 בדצמבר 2דצמבר 2 על-ידי iris champlin

ציטוט

הצטרפ/י לדיון

בשלב זה תוכל/י להצטרף לדיון, ולאחר מכן להצטרף לקהילה שלנו. אם כבר יש לך חשבון אצלנו, אנא התחבר/י עכשיו על מנת להגיב תחת שם המשתמש שלך.
לתשומת לבך: התגובה תופיע לגולשים לאחר אישור של צוות הנהלת הפורומים.