FAQ: Learn HTML: Script - The src attribute

This community-built FAQ covers the “The src attribute” exercise from the lesson “Learn HTML: Script”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

FAQs on the exercise The src attribute

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (reply) below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

I am really confused about the instruction to add an empty src to the script tag. When I do it gives me the error message that the src must have a value. What have I done wrong?

It may well be that a console error is tolerated for this exercise, and will be rectified in a following lesson. Albeit that the case, a hash is an acceptable URL to the browser.

src="#"

I followed the steps, got all the check marks but in the end, it doesn’t work.

The script has been left commented out, for some reason. In script.js remove the comment tokens, /* at beginning, and */ at the end. Click Run to save. Now click the browser window repeatedly.

4 Likes

True and I did uncommented it. Well, actually what I did was to remove only the first “*/” and left the last. I didn’t show me any error message as I kept tying to make it work. It’s working now. Thanks!

1 Like

Why should I use this syntax src="./exampleScript.js" rather than src="exampleScript.js"?
It works fine with the second one.

In your case, ./ isn’t needed since that file is on the same level as the current directory that you are in. For example, if you wanted to enter or access a file that was one directory higher, you would use …/ which would bring you up a directory and into that file. I hope this helped! :grin:

But it does tell the reader that in OS terms.

3 Likes

Thanks Johnny. I already know path syntax rules :grinning:

1 Like

In the example in src attribute lesson, what is the difference between making an assignment of value to elem.style.color before the switch statement and after it?

@megaace97152 The color of the “codecademy” text was set in style.css as #459287. The in the tag we have an event handler “onclick” which is set to our to our function “newStyle()”. When we click on the “codecademy” text our “newStyle()” function is initiated.
The newStyle() function initializes two variables newColor and newFont as empty strings.Then we generate a random number from 0-6, depending on what the number is we use the switch statement to reassign the newFont and newColor variables.

Blockquote

var elem = document.getElementById(‘logo’);

elem.style.color = newColor;

elem.style.fontFamily = newFont;

Blockquote

Then we use the above code to render the new color and new font to the browser.
I hope this brings some clarity to your confusion. :slightly_smiling_face:

Why do we link a JS file with the src attribute but a CSS file with the href attribute?

Good question. Consider what a CSS file will contain: Text. It can be more closely compared to a document, such as HTML. Now a JS file can be more closely compared to an image file where the digitization comes into play. This is a loose translation, to be sure. It may be more related to MIME types and how the files are categorized.