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

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

ফাংশনের রেজাল্ট HTML আকারে দেখাতে নিচের কোডটি ব্যবহার করুন:

document.getElementById().innerHTML.

উদাহরণ

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

<!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>    <div>         <input type="text">         <br>         <input type="text">         <br>         <input type="radio">         <br>         <input type="text">         <br>         <input type="radio">         <br>    </div>    <br>    <span id='totalNumberOfTextBox'></span> </body> <script>    total_number_of_check_box();    function total_number_of_check_box() {       var inputObj = document.getElementsByTagName("input"),       counter = 0;       for (var i = 0; i < inputObj.length; i++) {          if (inputObj[i].type == "text") {             counter++;          }       }       document.getElementById('totalNumberOfTextBox').innerHTML = "Total       Number of text box is=" + counter;    } </script> </html>

প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html)। ফাইলে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুটটি দেবে:

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

  1. জাভাস্ক্রিপ্টে বাটন ক্লিকে যোগফল ফাংশন

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

  3. জাভাস্ক্রিপ্টে ইনপুট ফোকাস করলে কনসোলে মেসেজ দেখানো

  4. জাভাস্ক্রিপ্টে নির্দিষ্ট সময়ে ফাংশন ট্রিগার করুন