Skip to content

Instantly share code, notes, and snippets.

@imhalid

imhalid/consoleLogToDiv.js

Created January 18, 2023 21:48
Show Gist options
  • Save imhalid/abc87e71523c0446245f1ab24d8cb2d5 to your computer and use it in GitHub Desktop.
Save imhalid/abc87e71523c0446245f1ab24d8cb2d5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. imhalid created this gist Jan 18, 2023.
    24 changes: 24 additions & 0 deletions consoleLogToDiv.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    import { useEffect } from 'react'

    const ConsoleLog = () => {
    useEffect(() => {
    if (typeof console !== 'undefined') {
    if (typeof console.log !== 'undefined') {
    console.olog = console.log
    } else {
    console.olog = function () {}
    }
    console.log = function (message) {
    let consolelog = document.querySelector('#consolelog')
    let p = document.createElement('p')
    p.innerHTML = message
    consolelog.appendChild(p)
    }
    console.error = console.debug = console.info = console.log
    }
    }, [])

    return <p id='consolelog'></p>
    }

    export default ConsoleLog