This page is like index.html but has an element where log messages are writing.

You can view the output messages in the javascript console and the element.

This element can be put anywhere on the page and manipulated like any other (e.g. hide, size, etc)

                <div id="LOG-CONTAINER"></div> 
            
This simple script sets up console and DOM logging
                <script type="module"> 
                    import { Logger } from "../common/log/logger.js";
                    const log = new Logger("Application"); 
                    log.debug(`this is a debug message `);
                </script>
                
You can see more logging functionality on these pages

Move and click the mouse here to see log messages. press the buttons at top of page to change log level.

The module "./mouse-module.js" logs movements and clicks at different levels.

                import {MouseModule} from "./mouse-module.js";
                new MouseModule("module");