How to display the result of each execution next to my code in js debugger?

Question

I want to see the result of the for loop after each iteration, but it should be next to the code, not in a separate tab. So please help me and check the screenshot below. I took that from the debugger console! If the link doesn't work then you can see in my profile>post menu
https://www.sololearn.com/post/1758120/?ref=app

Answer 1

put the link in the description, NOT IN THE TAG SECTION. other users cannot click on it.

Answer 2

on the screenshot, it looks like the debugger already is next to the script.

the name of the editor would be relevant information.

Answer 3

i don't think that "normal" editors would display the debugging "in" the script, but i might err. maybe another user has a solution to this!

Answer 4

maybe this one can help:
https://stackoverflow.com/questions/65611796/display-a-result-of-debuggers-step-as-an-inline-text

Answer 5

Thanks for recommending, I have edited the post , and now you can click on it

Answer 6

I wrote my code using VS Code and ran it on Microsoft Edge, but I got similar results on Chrome browser. Additionally, the result is shown in a side tab, but I prefer it to be inline. As it is shown in the screenshot below, the results are displayed inline, making it much clearer and easier to understand each iteration.
https://www.sololearn.com/post/1758124/?ref=app

Answer 7

Problem solved,thank you so much, teacher Lisa ❤️ 😊