কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে HTML ইনপুট গ্রহণ, পার্স ও প্রদর্শন করা

HTML ইনপুট ভ্যালু স্ট্রিং হিসেবে আসে। স্ট্রিংকে ইন্টিজারে রূপান্তর করতে parseInt() ব্যবহার করা হয়।

উদাহরণ

নিচের কোডটি অনুসরণ করুন:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
    <input type="text" id="txtInput" placeholder="Enter a number">
    <button type="button" onclick="result();">GetANumber</button>
</body>
<script>
    function result() {
        var numberValue = document.getElementById("txtInput").value;
        if (!isNaN(numberValue))
            console.log("The value=" + parseInt(numberValue));
        else
            console.log("Please enter the integer value..");
    }
</script>
</html>

প্রোগ্রামটি রান করতে ফাইলটি যেকোনো নাম দিয়ে (যেমন index.html) সেভ করুন। তারপর VS Code এডিটরে ফাইলটিতে রাইট-ক্লিক করে Open with Live Server অপশনটি বেছে নিন।

আউটপুট

টেক্সট বক্সে সংখ্যা লিখে বাটনে ক্লিক করলে কনসোলে পার্সড ইন্টিজার দেখাবে। নন-নামারিক ইনপুট দিলে এরর মেসেজ দেখাবে।

  1. জাভাস্ক্রিপ্টে ফাংশনের রেজাল্ট HTML আকারে দেখানো

  2. জাভাস্ক্রিপ্টে টেক্সটবক্সের মান দেখানো

  3. জাভাস্ক্রিপ্টে tr ট্যাগ থেকে id বের করে নতুন td-তে দেখানো

  4. Tkinter-এ টেক্সট উইজেটে ইনপুট নিয়ে টেক্সট প্রদর্শন করার পদ্ধতি