جاوا اسکرپٹ اور DOM ایڈوانسڈ ۔ لیکچر 39

اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ 39 لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا 39 لیکچر ۔جاوا اسکرپٹ اور DOM ایڈوانسڈ

نئے عناصر بنانا

جاوا اسکرپٹ کے ساتھ DOM کو مزید گہرائی سے سمجھیں۔ نئے عناصر بنانا، حذف کرنا، اور ایونٹ ڈیلیگیشن کا استعمال۔

const newDiv = document.createElement('div');
newDiv.textContent = 'یہ ایک نیا ڈیو ہے۔';
document.body.appendChild(newDiv);

عناصر کو حذف کرنا

const elementToRemove = document.getElementById('myElement');
if (elementToRemove) {
    elementToRemove.remove();

ایونٹ ڈیلیگیشن

ایونٹ ڈیلیگیشن آپ کو ایک پیرنٹ عنصر پر ایک ایونٹ لسنر منسلک کرنے کی اجازت دیتا ہے جو اس کے تمام بچوں کے لیے ایونٹس کو سنتا ہے۔

<ul id="myList">
        <li>آئٹم 1</li>
        <li>آئٹم 2</li>
        <li>آئٹم 3</li>
    </ul>

    <script>
        document.getElementById('myList').addEventListener('click', function(event) {
            if (event.target.tagName === 'LI') {
                console.log('کلک کیا گیا آئٹم:', event.target.textContent);
            }
        });
    </script>

اردو میں تمام لیکچرز کی فہرست

انگلش زبان میں لیکچر بلاگ پی کے پر دیکھیں