Question

52

I can't figure out why my JavaScript file won't display when linked

rated 0 times [ 54] [ 2] / answers: 1 / hits: 21029 / 11 Years ago, thu, may 16, 2013, 12:00:00

I can't figure out what's wrong here and I'm not getting any output from the Javascript file. I am trying to use src to be able to type my javascript file outside of the index file. This just prints the header from the html file A test heading without printing the text variable. If I type the code within the html file it works fine. Both scripts are in the same folder.

<!DOCTYPE HTML>



<html>

<head>

    <h2>

    A Test Heading

    </h2>

    <script language = JavaScript src=/slider.js></script>

</head>

</html>

Here's the file labeled slider.js -

function slider(){  

var text = Welcome to Slider Simulator 2013!;



document.write(text);

}

slider();

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

charisma

Add To Favorites

Follow

Total Points: 1

Total Questions: 99

Total Answers: 117

Location: Thailand

Member since Thu, Apr 22, 2021

3 Years ago

charisma questions

1 How to show Modal after clicking a button in another component in React?

Wed, Jun 1, 22, 00:00, 2 Years ago

1 How to get an RTK Query API endpoint state (isLoading, error, etc) in a React Class component?

Thu, Jul 29, 21, 00:00, 3 Years ago

1 How to iterate through a map in Typescript: for...in? for...of? forEach?

Mon, Jan 25, 21, 00:00, 3 Years ago

1 React How to remove the animation of Material-UI Select

Wed, Apr 15, 20, 00:00, 4 Years ago

1 Pass webpack (environment) variable to scss file

Tue, Feb 4, 20, 00:00, 4 Years ago

View All

answered 11 Years ago rossthomasn · Accepted Answer

If the script is in the same folder as the HTML file, then you can just do:

<script src=slider.js></script>

The starting / means from the root, and the root might not be what you'd expect. Root does not mean the location of the HTML that loaded it, but the root of the file system or the domain.

Content must be placed inside the <body>, and not anywhere else. <head> is usually for scripts, styles, page metadata, but not the content.

Also, language can be omitted since <script> run JavaScript by default anyway.