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

জাভাস্ক্রিপ্টে DOM-রিলেটেড ভেরিয়েবল কনসোল.লগ (console.log) করা


কনসোলে ভেরিয়েবল দেখাতে document.getElementById("") ব্যবহার করুন।

উদাহরণ

নিচে কোডটি দেওয়া হলো −

<!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="printTheData" value="My Name is David"> </body> <script>    const data = document.getElementById("printTheData");    console.log(data); </script> </html>

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

আউটপুট

আউটপুট নিচের মত −

জাভাস্ক্রিপ্টে DOM-রিলেটেড ভেরিয়েবল কনসোল.লগ (console.log) করা

কনসোলে আউটপুট −

জাভাস্ক্রিপ্টে DOM-রিলেটেড ভেরিয়েবল কনসোল.লগ (console.log) করা


  1. জাভাস্ক্রিপ্ট console.log() উদাহরণসহ

  2. জাভাস্ক্রিপ্টে ব্লক-স্কোপড ভেরিয়েবল ডিক্লেয়ার করার পদ্ধতি

  3. HTML ফাইলে জাভাস্ক্রিপ্ট এম্বেড করার পদ্ধতি

  4. HTML DOM console.log() মেথড