জাভাস্ক্রিপ্টে টেক্সটবক্সের মান কীভাবে প্রদর্শন করবেন?

মান ব্যবহার করে টেক্সট বক্স থেকে মান বের করুন এবং 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>
   Enter your Name:
   <input type="text" placeholder="enter your name" id="txtInputData">
   <button onclick="displayName()">Click Me</button>
   <p id="show_name">
   </p>
</body>
<script>
   function displayName() {
      var originalName = document.getElementById("txtInputData").value;
      document.getElementById("show_name").innerHTML = "Your Name is :" + originalName;
   }
</script>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম “anyName.html(index.html)” সংরক্ষণ করুন। ফাইলটিতে ডান ক্লিক করুন এবং VSCode সম্পাদক -

-এ "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন।