Try Online - TutorialKart

index.html

<!DOCTYPE html>
<html>
    <body>
        <h2>Nested Dialog Example</h2>
        <button id="openOuterDialog">Open Outer Dialog</button>

<dialog id="outerDialog">
            <p>This is the outer dialog.</p>
            <button id="openInnerDialog">Open Inner Dialog</button>
            <button id="closeOuterDialog">Close Outer Dialog</button>

<dialog id="innerDialog">
                <p>This is the inner dialog.</p>
                <button id="closeInnerDialog">Close Inner Dialog</button>
            </dialog>
        </dialog>

openOuterButton.addEventListener('click', () => outerDialog.showModal());
            openInnerButton.addEventListener('click', () => innerDialog.showModal());
            closeOuterButton.addEventListener('click', () => outerDialog.close());
            closeInnerButton.addEventListener('click', () => innerDialog.close());
        </script>
    </body>
</html>