Pretty Print JSON On An HTML Page

html

<div class="ast_section_wrapper">
    <div class="ast_section_output_wrapper">
        <pre id="page_ast_code" class="ast_section_pre" hidden>{"alfa": "bravo" }</pre>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", () => {
    const el = document.querySelector("#page_ast_code")
    const code = JSON.parse(el.innerHTML)
    el.innerHTML = JSON.stringify(code, null, 2)
    el.hidden = false
})
</script>
            

{"alfa": "bravo" }