Where is My Script

When you press the Sololearn playground RUN button to start your web app, JS and CSS code are placed inside of the Document. Where they are placed depends on the platform you are using android, iOS or website

This was created to provide a visual of where CSS and script are inserted within the HTML document when using the Sololearn Playground.

If you are using this app on an android device, any code in the CSS tab and JS tab will be inserted into the <head> tag via the style tag and script tag when the run button is pressed.

If you are using an iOS device or using the Sololearn website, any code in the JS tab and CSS tab will be inserted at the end of the <body> tag in a similar manner.

This is why android user will get (if they don't use "onload" or "DOMContentLoaded") the error message "Uncaught TypeError: Cannot read property 'innerHTML' of null" , for example. Because the script is loaded and executed/ran before the body of the document is loaded. While iOS and website users don't come across this type of error in such cases.

Hence this can lead to confusion as to why one person's web code works fine for them but not work for someone else.

Where Is My Script