এর জন্য 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> <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> </head> <body> <div class='getValueFromDiv' id='getValue' contenteditable="true" onkeyUp='display()' style="color: red"></div> <script> function display(){ var storedValue = document.getElementById('getValue').innerHTML.value="This is the value"; console.log("The value is==="+storedValue); } </script> </body> </html>
উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম anyName.html(index.html) সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন এবং ভিএস কোড এডিটরে লাইভ সার্ভারের সাথে খোলা বিকল্পটি নির্বাচন করুন।
নিম্নলিখিত আউটপুট. আপনি যখন মাউসে ক্লিক করবেন এবং তীর কী রাখবেন, আপনি নিম্নলিখিত আউটপুট পাবেন।
স্ন্যাপশটটি নিম্নরূপ -