CODEWITHSUNDEEP
javascript
melkadri
melkadri

Reputation: 141

External javascript not working?

I just started learning javascript about 30 minutes ago. I'm doing an online course and they gave me this code as an example. The person in the video did the exact same thing, but it only works for me when I do inline not external. My .js name is right and they're in the same folder.

The html:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>JavaScript Basics</title>    
  <script src=“cripts.js”></script>
 </head>
<body>
  <div class="container">
  <h1>Where to place your JavaScript code.</h1>
  </div>
</body>
</html>

and the js:

alert("YOU");

Nothing appears for me. I've tried everything to make it work, including different browsers. Could it be my computer or did I make a simple mistake?

Upvotes: 1

Views: 259

Answers (2)

A Gawthrop
A Gawthrop

Reputation: 1

A beginner mistake I made was to use <script>...</script> tags in the external javascript file. From HTML if you use:

<script type="text/javascript" src="../myApp/myFile.js"></script>

Then the external js file should just contain just the code such as:

function myFunction {}

with no script tags. This is unlike linking to external css files which include the <style>...</style> tags.

Upvotes: 0

James111
James111

Reputation: 15903

It looks like your quotes are invalid :') Good beginner move! But it will be a simple fix. Note the “ should be ", this usually happens when copying and pasting code!

<script src="cripts.js"></script>

Also make sure your path and file name is correct?! cripts.js sounds like it is suppose to be scripts.js

Upvotes: 2

Related Questions