v.0.0.2

Code Editor with Console (v. 0.0.2)

• This web code editor is an interactive environment that allows users to write and test HTML, CSS, and JavaScript code in real-time. It features an output window to display results and a console for logging messages and errors. The editor supports a run() function that executes the code entered into the respective fields and displays the results in the output window. The console logs both standard messages and errors, providing timestamps for convenient debugging.

The web code editor is a convenient tool for developers that allows writing and testing HTML, CSS, and JavaScript code directly in the browser. The main features of the editor include:

• Live Preview: Changes in the code are instantly reflected in the preview window, allowing for quick testing and debugging.
• Integrated JavaScript Testing: The ability to run and test JavaScript code immediately after writing it.
• Multilingual Support: The editor supports code editing in multiple programming languages.
• Ease of Use: An intuitive interface makes working with code easier for developers of all levels.

✨ What's new?

• New CSS styles added to improve the visual presentation of messages in the console.
• Logging function refactored - instead of directly adding HTML to consoleLog, the addMessageToConsole function is now used, which creates and adds DOM elements, making the code cleaner and easier to maintain.
• Command handling - the executeCommand function has been added to execute commands entered into the console and display results or errors.
• Improved error handling - errors are now displayed more structurally using DOM elements.
• UI changes - buttons have been added to switch between the output window and the console, as well as hiding and displaying relevant interface elements.
• DOM loading optimization - the use of the DOMContentLoaded event has been implemented to initialize elements and handlers after the page has fully loaded.
• Added a new font, added new icons.

Video-Preview (click)

How the Console works

The console has been completely updated in the update, now it is also a Terminal! The console shows errors that are in the code, and simple commands can be executed in the terminal.

Mobile adaptation

⭐ Star

Did you like the repository? Put an asterisk, thank you! ❤️