Why is my console saying 404 not found for my css and javascript fiels that are not displaying
I have a folder in a folder that contains an article for my website and my main CSS and JavaScript files are outside of that folder and in the main folder when I use <script src="script.js"></script> and
<link href="style.css" rel="stylesheet" type="text/css"/>
to get my CSS and JavaScript files so they can work and display on my webpage they do not display. I looked in my console and found a 404 not found error for my CSS and JavaScript files. I found out that they are trying to take a file that does not exist out of the same folder the article is in but they should be taking it from the main folder. GET http://localhost/speedcode /articles/ script.js
and same for CSS. I want to get the file out of my main folder without putting http://localhost/speedcode/script.js (the full website address), or creating a new file.
sorry if my title is misleading or does not say the correct problem.
If I understand your file structure correctly the script.js and style.css are in the parent directory of your html file.
For accessing the parent directory use <link href="../style.css" rel="stylesheet" type="text/css"/>, same for your script.js.
If you want to use a relative path ./ stands for the current and ../ for the parent directory. You can stack it like ../../someOtherDirectory/ to navigate to more complex relativ paths.
- Ways to extend Array object in javascript
- Building bundle for web in vite
- Is there any way to hide the mapbox access token when initializing the map?
- Playwright - sharing state between tests
- How to create a thumbnail after cropping an image with jQuery Cropper
- Validate kendo upload control
- jQuery button click not showing/hiding content
- What's the difference between self and window?
- Small value in doughnut chart is not visible - Chartjs
- How can a function know whether it has been invoked as a constructor (using the `new` keyword)?
- What are the differences between a function expression (`function (…) { … }`) and invoking the Function constructor (`new Function(…)`)?
- Why is it possible for functions to have properties like objects? Are functions also objects?
- console.log timestamps in Chrome
- How can I count and show Unicode Characters when insert onclick to textarea?
- How to set compilerOptions.isCustomElement for VueJS 3 in Laravel project
- Creating a new Date object or using setter methods of javascript Date()
- PHP request to PHP Websocket
- Type 'void' is not assignable to type '((event: ChangeEvent<HTMLInputElement>) => void) React TypeScript
- Is there some default popup for appstore download on itunes when webapp is viewed in mobile safari?
- Turn off webcam/camera after using getUserMedia
- Show a message if a text is copied successfully(alternative to alert)
- "Uncaught TypeError: Cannot read property 'property' of undefined" when loading style with mapbox
- How to get the first Tamil letter in a word?
- handle both mouse and touch events on touch screens
- Truncate number to two decimal places without rounding
- Tailwindcss in webpack configuration not getting applied
- How to access $children for creating Tabs component?
- How to load a gzip compressed javascript without a webserver?
- What's the yield keyword in JavaScript?
- How to get the value of a selected radio button