Currently, I am in the process of developing a simple browser-based game for two players. While my main focus lies on the backend, I need to monitor the states of both players simultaneously. To achieve this without the hassle of working with two separate browsers, I have incorporated HTML and Javascript to add an additional player on the same page:
...
<button id="doTheThingButton">DO IT</button>
<span id="score">10</span>
<!-- <DEBUG AREA> -->
<button id="doTheThingButton2">DO IT2</button>
<span id="score2">10</span>
<!-- </DEBUG AREA> -->
<script>
...
function fetchCurrentScore() { ... }
function doTheThing() { ... }
// <DEBUG AREA>
function fetchCurrentScore2() { ... }
function doTheThing2() { ... }
// </DEBUG AREA>
</script>
These components will prove to be beneficial in the future development of the application, so I intend to retain them; however, I require a seamless way to test both versions easily.
Are there any frameworks available that can facilitate this requirement? Specifically, I am interested in standalone frameworks that are compatible to use with WebStorm.