ここに入力したHTMLソースを難読化します。
<body class="bg-gray-100 flex items-center justify-center min-h-screen p-4">
    <div class="bg-white p-8 rounded-lg shadow-xl max-w-2xl w-full">
        <h1 class="text-3xl font-bold text-gray-800 mb-6 text-center">難読化されたHTMLの表示</h1>
        <p class="text-gray-600 mb-6 text-center">
            以下に、JavaScriptによって動的に挿入されたHTMLコンテンツが表示されます。
        </p>

        <!-- ここに難読化されたHTMLが挿入されます -->
        <div id="dynamic-content-area" class="border-2 border-dashed border-gray-300 p-6 rounded-md bg-gray-50 text-gray-700 overflow-auto">
            <p class="text-center text-gray-500">コンテンツを読み込み中...</p>
        </div>

        <div class="mt-8 text-center text-sm text-gray-500">
            <p>このページは、JavaScriptでHTML文字列をDOMに挿入する例です。</p>
        </div>
    </div>