Skip to content

Latest commit

 

History

History
23 lines (15 loc) · 1.12 KB

README.md

File metadata and controls

23 lines (15 loc) · 1.12 KB

JavaScript Console

A lightweight, single-page browser IDE featuring an embedded Monaco Editor, live split-pane layout, custom in-browser console logging, and local execution history.

image

Features

  • Monaco Editor Integration: Full JavaScript editing experience powered by the VS Code editor (vs-dark theme, auto-layout).
  • In-Browser Execution: Dynamically executes JavaScript in-browser via the Function constructor.
  • Custom Console Output: Intercepts and renders console.log, console.warn, and console.error calls directly to the UI pane.
  • Resizable Split View: Draggable split-pane divider to customize the width of the editor and output panes.
  • Execution History: Automatically saves executed code snippets into the browser's localStorage (codeHistory).
  • Zero Build Step: Standalone HTML, CSS, and vanilla JS loaded directly via CDN.

File Structure

.
└── index.html    # Complete application (markup, styles, editor loader, runtime script)