জাভাস্ক্রিপ্ট ভেরিয়েবল HTML পৃষ্ঠায় document.write ছাড়া দেখাতে Element.innerHTML ব্যবহার করুন।
নিচের কোড স্নিপেটের মাধ্যমে কাজ করুন:
var $myName = document.querySelector('.name'); var $jsValue = document.querySelector('.jsValue'); $myName.addEventListener('input', function(event){ $jsValue.innerHTML = $myName.value; }, false);
ব্যাখ্যা: document.write পৃষ্ঠা লোড হওয়ার পরে কল করলে পুরো ডকুমেন্ট মুছে ফেলে। innerHTML (বা আরও নিরাপদ textContent) নির্দিষ্ট এলিমেন্টে কন্টেন্ট সেট করে। উদাহরণে ইনপুট ফিল্ডে টাইপ করলে রিয়েল-টাইমে অন্য এলিমেন্টে দেখাচ্ছে। textContent XSS আক্রমণ থেকে সুরক্ষিত (HTML এস্কেপ করে), innerHTML HTML রেন্ডার করে।
