How are you supposed to call JavaScript files using HTML?

[LessThanSatisfactory]

I wrote a simple line of javascript

var name = promt("What is your name?");alert("Hello, " + name);

and I wanted to mess around and see what I could do but I can't seem to call it using html

here is my line of html

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

I just started coding this so please explain in detail

 

Edit: Code typos

[Ciccioo]

I wrote a simple line of javascript

var name = promt("What is your name?");alert("Hello, " + name);

and I wanted to mess around and see what I could do but I can't seem to call it using html

here is my line of html

<script scr="JavascriptTest.js"></script>

I just started coding this so please explain in detail

you wrote "scr" instead of "src" it stands for "source"

watch out for typos

[LessThanSatisfactory]

you wrote "scr" instead of "src" it stands for "source"

watch out for typos

I fixed it but still nothing happens...

[Nuluvius]

Well you have included the file just fine... but you spelled prompt wrong.

[fizzlesticks]

Well you have included the file just fine... problem is there's nothing to call in the file; i.e a method.

 

See this fiddle I did for you: http://jsfiddle.net/fNPvf/6504/

 

And this reference: http://stackoverflow.com/questions/1947263/using-an-html-button-to-call-a-javascript-function

You don't need a function, anything not included inside a function should autorun when it is imported.

 

Are you sure the filename/path is correct?

[Nuluvius]

You don't need a function, anything not included inside a function should autorun when it is imported.

 

Are you sure the filename/path is correct?

 

Ya I released, corrected it before you posted that. Thanks.

[Nuluvius]

This one: http://jsfiddle.net/fNPvf/6505/

[Ciccioo]

I fixed it but still nothing happens...

you can just check the javascript console (usually ctrl+maiusc+J, or in some sort of developer menu of your browser of choice)

the console will complain that there is no "promt" function, which is kind of legit

[LessThanSatisfactory]

This one: http://jsfiddle.net/fNPvf/6505/

It works! Thanks, one more question though. Could you explain to me what this means?

if (name != null)

I understand if-then statements in javascript but I don't get the parts in the bracket

[Nuluvius]

It works! Thanks, one more question though. Could you explain to me what this means?

if (name != null)

I understand if-then statements in javascript but I don't get the parts in the bracket

 

Should be (http://jsfiddle.net/fNPvf/6520/):

if (prompt("What is your name?")){    alert("Hello, " + name);}

Simply checks that there was something entered. Forgive me it's early here and I got little sleep!!!

 

As @Ciccioo said remember to check your console output.

[LukeTim]

Should be (http://jsfiddle.net/fNPvf/6520/):

if (prompt("What is your name?")){    alert("Hello, " + name);}

Simply checks that there was something entered. Forgive me it's early here and I got little sleep!!!

 

As @Ciccioo said remember to check your console output.

 

Correction:

var name;if (name = prompt("What is your name?")){  alert("Hello, " + name);}

[Nuluvius]

 

Correction:

if (var name = prompt("What is your name?")){  alert("Hello, " + name);}

 

LOL sorry! Think I'll just go back to bed    :rolleyes:

[LukeTim]

LOL sorry!    :rolleyes:

 

Even my correction was wrong, actually. Turns out you can't declare a variable inside a boolean condition.   

I have updated it now.

[Nuluvius]

We will get there eventually

[N0ps32]

You should also change your javascript code style.

In this case it doesn't matter but you should never put the "{" in a new line, because javascript has

automatic semicolon injection which could lead to errors that are very hard to track down.

 

See this blog post for an explanation: http://remysharp.com/2007/11/21/javascript-style-why-its-important/

 

 

EDIT: Oops, I did not mean to put "}" in there.

[Nuluvius]

You should also change your javascript code style.

In this case it doesn't matter but you should never put the "{" or "}" in a new line, because javascript has

automatic semicolon injection which could lead to errors that are very hard to track down.

 

See this blog post for an explanation: http://remysharp.com/2007/11/21/javascript-style-why-its-important/

 

This is an awesome point, another example here.

[LukeTim]

You should also change your javascript code style.

In this case it doesn't matter but you should never put the "{" in a new line, because javascript has

automatic semicolon injection which could lead to errors that are very hard to track down.

 

See this blog post for an explanation: http://remysharp.com/2007/11/21/javascript-style-why-its-important/

 

 

EDIT: Oops, I did not mean to put "}" in there.

 

Why does Javascript have semicolon injection in the first place?

[Ciccioo]

Why does Javascript have semicolon injection in the first place?

i found it pretty absurd, but with it being a 'web language', and with browsers trying to be as permissive as possible with html and css, i'm not too surprised that javascript follows the same rule: "if there is some code, the browser should somehow execute it. no matter if it's correct or not. if it's incorrect, try to make it somehow correct and execute it"

with that said, i think that semicolon injections really shouldn't be a thing, and they even call it a feature