2.4.3.14. JavaScript not working or images not displaying

When working on hosting, it should be noted that the Windows operating system does not differentiate between uppercase and lowercase letters in files, unlike Linux family operating systems, which are installed on the server. Therefore, you should take into account that if you specify the image name as Background.jpg in HTML, but the file is actually named background.jpg, it will display on a local Windows computer, but not on Linux.

To avoid this, we do not recommend using the following in file names:

• Capital letters.
• Spaces and special characters.
• Cyrillic characters.

Developer tools in the browser can also be used for debugging and troubleshooting (typically opened by pressing F12) — this is a very powerful tool that no professional webmaster can work without. We highly recommend that everyone involved in site creation study it.

To troubleshoot issues related to the incorrect loading of images, styles, JavaScript, and other files, we recommend performing actions similar to these:

1. Open the site page in the browser where issues are observed.
2. Open the developer tools by pressing F12 or the shortcut Ctrl+Shift+I.
3. In the window that appears, switch to the "Network" tab:
4. Refresh the open page (for example, using the shortcut Ctrl+F5).
5. After reloading the page, a report will be displayed in the developer tools, where you can easily find the page elements that are not loading:
6. Hovering the mouse cursor over an element for which a 404 response was returned allows you to see the full path to the file on the server:
7. Upon opening the received path on the FTP, we see that the file sample-1.jpg is named Sample-1.jpg, which prevents it from uploading. Renaming the file from Sample-1.jpg to sample-1.jpg resolves the issue.