+ 9

Can I view changes in HTML- / DOM or CSS- source files.. after JavaScript changed them, in Sololearn playground?

When i make an interactive HTML file, in the SoloLearn playground, and i change the DOM structure. Let's say i added some tags to the <body>...is there a posibilty to see these changes in the HTML-source file, made by the JavaScript ...this would help when debugging.

html dom sololearn tags playground source sourcefile debug changes

23rd Aug 2017, 10:07 AM

Arnoud Loschnig

6 Answers

+ 7

I think the whole code playground concept is very complicated the reason for everything is that they cannot include all the compilers in such a small app, everytime you press run, the code is send to the servers and compiled there, the only thing you get back is the output in the console, that's why user input is only possible right after you press run I'm not sure how the Web code playground works but I think it's something very similar maybe this trick could help you debugging add that css: * { background-color: rgba(0,0,0,0.1); } These three lines of CSS will select every element on the page and give them a slightly darker background color with the help of the * selector. Elements inside other elements will get darker and darker. This approach is useful when dealing with box models and when wanting to see how padding and margin affect each other + it's way easier to understand the parent-child (dom)-model of your website

23rd Aug 2017, 12:20 PM

Kamil

+ 6

nope sadly it's not possible

23rd Aug 2017, 10:25 AM

Kamil

+ 5

I have to admit i'm a little affraid after reading the comments in previous discussions about questions that already have been asked, but i haven't find this question.... or an answer to this question.

23rd Aug 2017, 10:13 AM

Arnoud Loschnig

+ 5

That's really a pity.....maybe you/someone know(s) why this is not possible?

23rd Aug 2017, 11:18 AM

Arnoud Loschnig

+ 5

that's a great tip👍

23rd Aug 2017, 12:55 PM

Arnoud Loschnig

No you cannot

17th Dec 2017, 11:45 AM