[Bug] Gedebug

Berikut ini merupakan contoh kasus yang akan kita buat.

<blockquote>

    <p>Hello</p>

</blockquote> 

Akan otomatis berubah menjadi. 

<blockquote>

    <div>Hello</div>

</blockquote>

Berikut adalah contoh kode JavaScript yang dapat digunakan untuk mengubah semua elemen <p> yang ada di dalam tag <blockquote> menjadi <div> secara otomatis:

document.addEventListener('DOMContentLoaded', function() {

    // Mendapatkan semua elemen <blockquote>

    const blockquotes = document.querySelectorAll('blockquote');

    

    blockquotes.forEach(blockquote => {

        // Mendapatkan semua elemen <p> di dalam <blockquote>

        const paragraphs = blockquote.querySelectorAll('p');

        

        paragraphs.forEach(paragraph => {

            // Membuat elemen <div> baru

            const div = document.createElement('div');

            // Memindahkan semua konten dari <p> ke <div>

            div.innerHTML = paragraph.innerHTML;

            // Mengganti <p> dengan <div>

            paragraph.parentNode.replaceChild(div, paragraph);

        });

    });

});