JavaScript Tutorial 1: Functions

[danishMCgamer]

plz get notepad++ that you make there looks bad



[JScodeZ]

In other languages where you play the curly brackets do not matter but in Javascript it's rather important to put the curly brackets on the right side like so:

function message() {

}

instead of:

function message()

{

}

[TechTrainSolutions]

You may have code that works, but your coding habits are poor at best.

No line terminations with ;

No indention of code.

And, no () are not brackets. Whoever taught you that was wrong and you should stop repeating incorrect information.

[BUJU2007]

You obviously don't know what javascript is. Javascript has improved the user experience on the web greatly.

[6580006247]

javascript is a piece of shit which opens gates to viruses on your computer but denies to scroll an iFrame.

[TailsMiles1]

I need help! I had to extract the surname from an email address in Excel, thats completed, but I now have to do the same task in Javascript. So does anyone know what functions to use to extract a word from an email address? For example, doe.john@live.co.uk, I just need the surname 'Doe' to show up in document.write.!

[iDunThink]

Awesome video, it's simple and clear. First time "playing" with Javascript and I already went ahead and changed the message and value to make fun of my friend lol.

[catland07]

fucking awesome dude, bare bones no bullshit, keep makin 'em!

[dasten123]

Nice video, I will keep on watching this tutorial :)

[spudnick177]

thank you

[DanTapperful]

thx you very much! :D

[77PROMETHUS77]

notepad? that doesn't seem like a good Idea

[davidcourtney1]

Clearly explained and no dithering about...explains nicely how functions work.

[prophetofreedom]

very helpful. thanks for cutting the crap and getting into things, really helped.

[TheQuindecillion]

that helped.  thanks

[TheMasterMind555]

Its cool how it's like on upgraded version of Lua which I wanted to learn a while ago, so that knowlage(Epix Grammar Failz) is not lost :D

[YoursTruelyChannel]

mine won't display the message...damn button WORK!!!!

[vasssilyzaitsev]

you played the system, like a piano!

I just started watching some tutorials about those languages, and html was the first, it seems to be complicated, is it? I mean html is just the first step, and there gonna be other languages I guess, so how would someone carry on with all those codes, do you memorize them? or I don't know.. and if it is possible to set a graphic design using some program such photoshop for exemple, why would someone type all those codes and lines and pages? I've no clue!

[Nortinius]

@vasssilyzaitsev cause u´ll still need html and css to set up the design. and if the site is goin to be more complex u´ll also need things like php, java script, mysql.... and yes. its best to keep the most functions and other stuff in mind but sometimes, u´d just copy and paste things. hope that helped.

[FOGTALK]

easy pace and clear excellent fogtalk 97%

[pheaneasphreak77]

fail

[UltraPcGamer101]

How do i open it up with chrome and not internet explore?

[qaseeh]

thanks m8

[oPSYCHOSISo]

Brilliant vid mate thanks =]

[wormracer08]

Nice tutorial very helpful for beginners.

[MisterAlexadner]

Lol actually { } are curly brackets =P

[rasmusstang]

i got a type bar not a button

[Bladestorm687]

WTF IS THAT STATIC?

[laughtubeever]

thanks

[timboiscool]

It's awsome dude nice tuts please make more :D

but i got somethin g weird when i make more functions it doesnt work.

why????

[dbgudwbs]

gnarly dude works really good

[tjl1297]

what the shit it aint working!!!!

[XXFailzzzXX]

could this be used in a game?

[masterzolga]

@XXFailzzzXX generally speaking this is a object based and web application or presentation oriented language so games are usually out of question

although this can be used in games, but to some extent and those games are really not what u want they are just like point and clicks and are actually

just a collection of inter-linked web pages

at other earlier posts

every browser reads javascript and u dont have to install it but u do need a simple text editor, for instance notepad, to use javascript

[einkaya]

This is a extremely helpful video for beginners. Type this and that hey you have become a programmer. Thank you so much.

[mohawki834]

Thanx a bunch. I'm new to this kind of complex stuff but this tut makes it all seem simple

[bashamboy1024]

What do you have to download so your computer is able to read JavaScript? Please help.

[harmenqwe]

where can I download javascript??? -.-'



[icommand]

thanks very much..I am new in this tech..but have to go a long way mate..cheers...

[lazzermusen]

why do you say butten?

[FishThatDrown]

@lazzermusen I actually say buddon because I have a lazy speech/lazy tongue.

[mylifeis2coolcmc2]

I need help to simpley put in an external .js put I need help putting it in!

[bacharyou1]

Good, only if you speak louder.

[domaners]

"As long as you have common sense you can work it out".

I quite like this video because it cuts the crap, this guy really doesn't go into pointless detail. Not sure about his choice of Firefox skin though...

[FishThatDrown]

@domaners Haha, I was like 14 when I made it. Hence the choice.

[IKmatli2010]

i want to emmbed javascript in html form how to do guys

[fullyit]

Thanks you very much ! :)

[shakaama]

so let me get this straight: you name your video a tutorial; you call it functions; bot nowhere in the video to ever define what a function is?

*facepalm*

then you say if you have common sense you can understand it, but you never "instruct" on what the hell you're even doing. a video where you go "type this and this and this" is not a tutorial.

[ccbug1238]

Hier ist noch ein schönes jquery und Ajax Tutorial:

easy-image.[com]/blog/

[tanchunhung]

where download?

[maniac19921]

dude how to upload GIF USING NOTE IN FACEBOOK???other of my friends is have that but i dont know on how..i upload the gif file in facebook notes but the gif is not moving but the i see in my frends its moving how??make that!!!

[AzaryIT2020]

Thanks for tutorial! I will try it now! :P

[xlaFax]

@TheMegaproducer r u C-RE-US?

[1waleedman]

how to give the title to the alert like it says javascript application

[1waleedman]

man u gotta upgrade to 7

[invisiman86]

"If you have common sense..." LOL classic! I think a little more patience is in order if you're trying to teach people. Then again, I am inclined to agree with you on the simplicity of this concept.

[codrin131]

thanks a lot...html,css i know but the javascript i learned from your videos...i like javascript confirm..and i'l make it..thanks a lot for javascript functions....

[a7ov]

хорошие уроки ;)

[jtilq]

click on the Buddon... hahahaha

[jtilq]

click on the Buddon... hahahaha

[Emciixteen]

thank you!

[aknipe106]

you could have justput ' onclick=alert("blah blah blah...")> '

[FishThatDrown]

@aknipe106 except that would destroy the purpose of this tutorial which was functions

[aknipe106]

@FishThatDrown sry, real tired understand less than half of what happens

[simeonhaha]

@FishThatDrown I'm sorry... im new :)

[simeonhaha]

Instead of function message() , type function button()

He did it wrong? Or at least it didn't work for me so i typed button instead of message and it worked.. i can't type the formula i used because younoob wont let me =/

[aknipe106]

i know a much simpler way , messageme on youtube for good JS tutorial website, btw your vid is good, but very cimplicated, you can simplify it by a lot, but thanks , you explained a different way of doing this for me, helps me understand other peoples scripts better =)

[HectorSolo216]

thanks man, this is my first JavaScript I learned ....for all scripters.. the Alert is great to check if things are working for you...

[supermikkel123]

Thanks For That Tutorial

Im new To Javascript

Thanks!!!!!!

[Nagol294]

what theme are you using in firefox?

[FishThatDrown]

@Nagol294 RedShift

[Keikori]

hi...i was just wondering where you learned how to read and use javascript, as well as other scripts if you have knowledge of them...if you may tell me, because i have a strong interest in learning, could you either please reply on my channel page or my email: keikori@hotmail.com

that is, if you have the time or patience to do such things

either way, thank you

[YungMell1]

"""If any one want to make some fast cash at home an want to kno more about this work from home you can e mail me at bossboy71@yahoo.com an this not a scam

[md0is0peace]

thanks man that's really helpful

you've bring it all together . keep it up

[linuszero]

Can't i write <Script language="JavaScript"> ??

[ColdFinder]

@linuszero Yup you can

[aknipe106]

@linuszero yes you can

[linuszero]

@aknipe106

thx for the help

[m0u53m4t]

You're missing semi colons in the code, you've not indented anything, you've put a page break inside the input tags... This is possibly the worst tutorial I've ever seen.

[FishThatDrown]

@m0u53m4t

It's in notepad, it's simple, it's to understand and learn JavaScript some coders are messy and write their code so only they can read it. That's how I am. It's up to the person doing the coding if they want to indent and be neat, or if they're a messy person like I. Not everything has to be at a professional level unless you're doing it for money and in a team. Thanks for your thoughts though.

[5Doum]

Omg ! thanks for the help !!

:D

[TheMasurka]

NICE PANDA LOL

[TokyoNerd]

Quick little JavaScript tip, thanks so much for it!

[FreeCapital]

How long did it take you to memorize all the code for web development; assuming you've went farther than Javascript in your learnings. I consider myself pretty smart, but have the memory of a gnat. Thanks in advance. Peace. Asians. FTW!! Just kiddin'. Not asian, but the way you said button gave you away. But still, FTW!!!

Ok, quick question, how long did it take you to learn all the coding required for web design. You see, I have.....wait.........

[FishThatDrown]

@FreeCapital

It took a while but it's not hard to memorize cause html head body go in that order and script goes in the head and forms go in the body. A lot of shit you need to memorize just like in math it's formulas kinda. Anything else you google and find quickly.

lmaooo I'm italian/portuguese I just have a lazy speech when I'm doing a tutorial on the spot I didn't plan it out I just did it on the spot.

I was actually only 1 month into programming when I made this, buy "PHP for dummies" ;)

[FreeCapital]

@FishThatDrown

Wow, a dude that can take a joke. Don't see that often. Thanks for the advice. I will purchase the book on amazon. Super cheap if bought used. Thanks again.

[RafaelMDiaz1]

@FreeCapital Why the F does everybody on youtube try to beatdown people on videos for trying?? If you have something positive or correction to say...do it politely. Otherwise just STFU !!

[FreeCapital]

@RafaelMDiaz1

@RafaelMDiaz1

Beatdown? I was paying him a compliment and even gave him props on learning all the code that I-so far-have been unable to memorize. The "button" comment was just a humorous comment since I have Asian friends that say it that way (the uploader is Italian/Portuguese, by the way). You have to have a sense of humor to understand it, which he did. I think you should remove your comment because it stains this great video with unneeded drama.

[DualKong]

I didn't know you could type the value in a button, thx!

[buris1234567891234]

how to save it?

[DUTHmaster]

pls send me via e-mail javascript code

[ollieflp]

Do you really need to be good at maths to learn programming?

[roofdoubleflip]

@ollieflp no

[warthog570]

hello faggots

[AArora81]

very nice video..well explained.

[luckyvidoes]

This video is similar to my video tutorial

Good work!

Ok check mine also.!

[raiden1019]

and you said xylocaine is not drugs you are total brainless person it is prohibited drugs and is proven that mayweather using it to take advantage with his opponent lol his a chicken shit

[raiden1019]

you are stupid accusing somebody with out proof of evidence is idiot just like you! you should check pacquiao weight stat! Xylocaine goes to your dark lord's brain make him paranoid..lol IDIOT

[RecorderPr0]

Download "Notepad ++" thats alot easier 2 use.

[shitroxx]

Nice tutorial, but you can do better.

In my opinion using function and button in very first lesson is too difficult to understand for beginners.

Simple alert box would be enough.

And, please, use Notepad++ or any other editor with syntax highlighting and auto-filling. You'll waste less time and nerves with this.

[MrDead1994]

can you do everything in javascripts? answear mabey need you

[2muchrubik]

I LOVE ZUMA TOO!

[Runitecrash]

Very straightforward, thanks a bunch. =D

[cjcaleksnaruto]

but it is not displaying the message :( can you tell me why i did everything as you did

[kuttyku]

Good one... Thanks for the post!!!!

[katsarasnik]

very well lesson

[katsarasnik]

very good tutorial

[pigliksbaconforbreki]

@aquablade10000 do u no how to turn on and of java script because i can watch any videos or listen to groove shark can u help?

[happylinkfan231]

ooo thats how you make a script

lol

[Mr727478]

Nice

[RealKengeki]

Very helpful and straight-to-the-point. Found it easy too, thanks a lot mate. Subscribed.

[kareempishdadi]

it didnt work

[kareempishdadi]

@kareempishdadi nvm it work'd

[bilalovski]

thx

[londonblue2006]

thank you

[Robbiecool33]

make 1 for roblox to get ticks plz

[kareempishdadi]

@Robbiecool33 u play roblox to

[ninggy369bhagwandin]

DUDE....

socoolmakemore!!!

(so cool make more!!)

i will sub if you make 2 more and ya

[cytt]

Watching this while doing my LEAD maths assignment. lol

[elkoeda]

thanks man

[spartin111]

=D redshift theme ftw! btw thank for the tut dude!

[jazzeezz]

im using windows 7 and it worked. thanks for the tut :D

[xaros2009me2010]

i think you should update your graphic drivers !!!:)

[dmac100507]

its ridiculous!!!!!!!

[neolegend7]

where do you open that file for the box to come

[MrReckoning]

Your canadian accent is so cute. <3

[BlockerOfBlocks]

Copy and paste this Javascript below (Paste it on your adress bar!):

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200;DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style;DIS.position='absolute­'; DIS.left=Math.sin (R*x1+i*x2+x3)*x4+x5;DIS.top=M­ath.cos(R* y1+i*y2+y3 )*y4+y5}R++}setInterval('A()',­5); void(0);

[FreakingAwesomeTuts]

Dont work anything

[spawnonline]

Having a problem i copyied everthing wrote saved it as you did but once i open my button wont work its there but it wont bring the message up. im getting active x thing before i open it saying allow or not ect. i click allow but still dont work im using vista window internet explorer and fire fox .

[123456789kamran]

im on vista and it works perfectly

[kidel3]

now i have been learning, Html, Php, Flash, Java Applets, Css, XHtml, and some JavaScript for 4-6 years , so now its time for FULL JavaScript !!

[upsidedownmuuvies02]

how did you take the video like that ?

[ChandanaCHA]

this video is good

[tyhrblade]

loser

[bjokerud]

Had it not been for us, YOU wouldn't have had a youtube to make fun of us in. BIAAAAATCH!

[daeheadshot]

Use Notepad++ Its soooooo much better then regular notepad :D

[tmkreaper]

dude its kinda buggin me how u say bracket...when it is a parenthesis

[taylormade6700]

Hi, Thanks for the info. I added the script and the button and text inside showed up. However when I saved it has an html file and opened it in firefox when i clicked on the button nothing happened. I confirmed that the code was exactly as you had written it. What am I doing wrong. win xp dell computer. thanks

[unlscrv2]

nice

[Aoudhubillahi]

Bravo man...you make me feel as though I can learn Javascript.

[revolutionize017]

what is the difference between functions and varibales?

im wondering. when do i use both of them?

[systemega]

thanx:)

[pennereierlutscher33]

wie kann ich java scrit aktivieren

[haloluver123]

ich weiß auch nicht

[ak47forever]

ur accent makes it hard for me too understand you sometimes

[padillagene]

Yeah dude, your method I can actually learn from...keep it up..

[Miike123321]

wow-.- diesen schrott kann jeder..

[Stardust342]

make more!!!!

[viper6aroq]

thank youuu

[gnomwwe]

Thx sooooooooo much

[BUTTERFLYWARIOR]

Thanks very much for this video. Sharing your knowledge has helped me to expand mine. Thanks for your time.

[Prahlad39]

Excellent! Thank you (and thanks for using notepad to keep it simple).

[BUTTERFLYWARIOR]

Agree on the notepad point.

[thishero975]

totaly!

[DisasterPiece73]

very good tutorial. I was already familiar with html, and after doing your tutorial step-by-step, the concepts are pretty much the same except for the markup language commands.

[asktiny]

hey that is pretty neat stuff.. i took an html class in college and in the last assignment we had to bring up a little dialog box using javascript and i struggled through it. thanks

[ato3636]

can you link me javascript unload events?

[LessOr89]

i cant see videos anymore why my javascript ok and adobe version too

[b21492010]

java is not javascript

go to w3schoolsc[.]com and click JavaScript

[kiwiwalls]

wat program r u using?

[br14nb222]

well the program that he typed all of that into is notepad and when you save it instead of saving it as a text document make it all files and then then name of it and then .html I.E. test.html and then if you save it to your desktop double click and it'll pop up

btw great tutorail!

[toxou44]

I think your nose is stuck!

[aspcajaye]

ur canadian eh!?

[CloneofSephiroth]

cool, thankya!

[Daniel070793]

thank you so much this was a good tutorial =)

[adadququ]

yeah thanks a lot, im just learning javascripting =)

[XxKAN9NExX]

()=FUCKING PARENTHESIS LOL

GOOGLE IT

[tuleo554]

yup, it doesnt matter what u were told at school, in programming () are parentheses and [] are brackets

[ixcaliber]

huh...?

[B1nd1n]

well thats what i got told at school that they're brackets

[B1nd1n]

whats the difference between htm and html?

[blacksale1]

No difference. They are the standard extensions for HTML pages and XHTML pages.

[DJSalenger]

The difference between .html and .htm is that .htm comes from when file extensions were limited to 3 characters. Some people who've been writing html for a long time still use it.

Functionally, though, there is no difference.

[TiLeNpWneD]

Some time ago, when the hypertext appeared all the file extensions were limited to 3 characters. Many of them today are, but in functioning .htm and .html are the same.

[mercsan117]

Those arent brackets that you added, they are Braces

Parethesis ( )

Brackets [ ]

Braces { }

[B1nd1n]

lol no this is brackets ()