JavaScript-এ (+) চিহ্ন কনক্যাটেনেশন করলে যোগফল পাওয়ার উপায়

JavaScript-এ + অপারেটর স্ট্রিং কনক্যাটেনেশন ও যোগফল উভয় কাজ করে। ইনপুট বক্স থেকে মান নিলে সেটি স্ট্রিং হিসেবে আসে, তাই যোগফলের জন্য parseInt() বা Number() ব্যবহার করতে হয়।

সমস্যা ও সমাধান

// সমস্যা: "5" + "3" = "53" (স্ট্রিং জোড়া)
// সমাধান: parseInt() বা Number() ব্যবহার
var sum = parseInt(num1) + parseInt(num2);

সম্পূর্ণ HTML উদাহরণ

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>যোগফল ক্যালকুলেটর</title>
</head>
<body>
    <h2>দুই সংখ্যার যোগফল</h2>
    প্রথম সংখ্যা: <input type="number" class="num1" placeholder="সংখ্যা লিখুন"><br><br>
    দ্বিতীয় সংখ্যা: <input type="number" class="num2" placeholder="সংখ্যা লিখুন"><br><br>
    <button onclick="calculateSum()">যোগফল বের করুন</button>
    <p class="output"></p>

    <script>
        function calculateSum() {
            var num1 = document.querySelector(".num1").value;
            var num2 = document.querySelector(".num2").value;
            
            // স্ট্রিং থেকে সংখ্যায় রূপান্তর
            var sum = parseInt(num1) + parseInt(num2);
            
            document.querySelector(".output").innerHTML = 
                "যোগফল = " + sum;
        }
    </script>
</body>
</html>

চলানোর পদ্ধতি

1. ফাইলটি sum.html নামে সংরক্ষণ করুন।
2. VS Code-এ Open with Live Server দিয়ে চালান।
3. দুই ইনপুটে সংখ্যা দিয়ে বাটনে ক্লিক করুন।

বিকল্প পদ্ধতিগুলো

সেরা অনুশীলন

• ইনপুট টাইপ number ব্যবহার করুন।
• NaN চেক করুন: isNaN(value)
• ব্যবহারকারী অভিজ্ঞতার জন্য ভ্যালিডেশন যোগ করুন।