Learn JavaScript in 7 minutes | Create Interactive Websites | Code in 5

Learn how to make your websites interactive with the JavaScript in 7 minutes! We'll review some basic HTML/CSS concepts as well.
Need some new tech gadgets or a new charger? Buy from my Amazon Storefront www.amazon.com...
Code from Last Time | github.com/blo...
Download Sublime | www.sublimetext...
Blog Post | blondiebits.her...
Check out my courses on LinkedIn Learning!
REFERRAL CODE: linkedin-learn...
/ kathryn-hodge
Support me on Patreon!
/ blondiebytes
Check out my Python Basics course on Highbrow!
gohighbrow.com...
Check out behind-the-scenes on my Instagram!
/ blondiebytes
Free HACKATHON MODE playlist:
open.spotify.c...
MY FAVORITE THINGS:
Stitch Fix Invite Code: www.stitchfix....
FabFitFun Invite Code: xo.fff.me/h9-GH
Uber Invite Code: kathrynh1277ue
Postmates Invite Code: 7373F
SoulCycle Invite Code: www.soul-cycle...
Rent The Runway: rtr.app.link/e...
Code | github.com/blo...
GitHub | github.com/blo...
Devpost | devpost.com/blo...
Website | blondiebytes.gi...
Twitter | / blondiebytes
Facebook | / blondiebytes
Pinterest | / blondiebytes
LinkedIn | / blondiebytes
Want more coding help? Sign up for a one-on-one session with me on codementor | www.codementor...

[@xxslajerxx8890]

thanks i work for google now

[@KarlooAudi]

rofl

[@alexnezhynsky9707]

How's the censorship campaign going on over there?

[@muhon19]

xXslajerXx 😂😂😂😂

[@jackblair7943]

Yeah, did you get to meet Sundial Picachu?

[@nazhif9042]

Is this supposed to be a joke?

[@IAmESG]

Change the playback speed into 2 *Learn JavaScript in 3.5 minutes*

[@cy_]

change into .5: learn Js in 14 minutes

[@aatmanjain1104]

can't get the speed to 2.0 maximum speed is 1.5

[@stepbroimstuck6715]

Thanks

[@SinCityGT3]

Thank you! This is the best. Several months ago I started studying JS and after 8 + hours of not seeing it do anything to a website I quit and learned Python/Django instead. It would be great if all tutorials started out like this, right away showing what it actually does and how easy/useful it is to implement!

[@safetime100]

and how was it better???

[@davidcalik]

Andrew Rowden I dcv

[@lnoorplaylist]

🙄

[@mr.penguin2054]

No.

[@lonleybeer]

This video is pretty much what we've learned in 4 weeks in college lol

[@mxwllhouse]

This series is so helpful! Thank you for keeping it simple and concise, one of the best on KZbin!

[@joshgpro]

Very simple and easy to understand. Not too fast. Not too slow. Not too long. Very helpful. Please do more of this.

[@annaemasterson]

Wow. I have been having so much trouble with JS because everything I read or watched was very complicated. You made it incredibly simple. Thank you so much

[@MStonewallC]

The other beginner videos for Javascript I've been watching only do stuff within the resulting HTML page's console, so this video was awesome for me! It feels great to see some javascript activity change the page itself.

[@fastlearner9993]

basically 6 years old vid but has taught me what i needed to know in a VERY easily explained teaching style . i hope you have a lovely 2022!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@adhivenkatesh3431]

Nice tutorial , this is first time in my life a female tutor teaching in fast and legible , great and superb, Thanks lot.

[@Valen5878]

this is so well explained! honestly i get it so much better than when i'm in class lol, thank you!!

[@papasmurf2013]

Wow NOBODY has shown me how to properly apply javascript as quick, clean, & easy as you just did. Thank you for making your vid so short! I subscribe for life!

[@eyenamaste4388]

Lol

[@nailcandy]

The way you explain everything is AMAZING!!!! You actually break everything down. Thank youuuu!

[@seemcat]

Wow! I love the content you're teaching! It's so inspiring to find another woman teaching code in KZbin. I actually had to find you through an article written by Girl Knows Tech because I could not find any tech women on KZbin through it's search engine. I also have my own channel where I release videos about tech. Just started though, so it helps to find other women in the same community! Anyways, I love what you're doing. Please keep it up! 👌🏼💕

[@brockobama257]

A few years ago I watched this and thought it was lame. I am watching now as a small tutorial and I was WRONG this is the perfect short non-intimidating type of tutorial we need more of to spark interest and effectively teach ground level concepts.

[@qingwang114]

Currently on a mission to watch all your videos. I would have saved weeks of my life had I found your videos first. #BestTutorials!!

[@clydeforland5944]

Watches and provides a lot clear language for somebody who is begging. Thanks!

[@JayJames]

3:39 "you are going on a cruise" Not these days

[@o0k6]

how to create a scam

[@Yasas_Madhushan]

😂😂😂

[@umme_ruman786]

wow.. love it.. I have seen tutorials of many people but I like yours, you have explained very simply... I saw your tutorial for the first time, and I like it very much, please make more videos by doing similar JavaScript..& please Make video on slider using JavaScript, and make video on responsive navigation using JavaScript..

[@adammp123321]

Thanks for the video! I have been learning JS in a web dev course but didn't really understand why. Really helped me connect the idea of JavaScript to web development.

[@kybravo3744]

"Javascript can be used to manipulate Css based on user actions" Thank you this was just the answer I was looking for.

[@callisoncaffrey]

That was super nice. I'm like truly amazed. Short yet useful. Well done. Gets a like.

[@tyrt400z]

if you want, you can increment and decrement by using "++" or "--" which will add 1 or subtract 1 to the value. This means you can make the "count down" function in one line: document.getElementById("countDownButton").innerHTML--;

[@tyrt400z]

and with the if statement (the conditions says, if the value we get from the button is NOT 0 go decrement 1 ELSE nothing, aka it will stop at 0): if (document.getElementById("countDownButton").innerHTML != 0){ document.getElementById("countDownButton").innerHTML--; }

[@kabeerahmad26]

"I have been learning JavaScript for more than 12 to 13 days, but I was unable to understand how to link HTML to JS. Now that I have learned it, I found the tutorial worth watching."

[@pauls7056]

Thanks for posting. All I'd seen were videos (by others) showing variables and adding numbers. Now I can see how it links to a webpage.

[@Streamlinedotcom]

Thanks i am now a full fledge Javascript developer 🙃

[@jasam3602]

Great tutorial. Offer more knowledge than many 10 hours videos.

[@epixerty]

Thank you so much, I'm a student and I want to be a website designer, I've learned some HTML and CSS but I'm trying to learn JavaScript and you are very helpful! keep up the good content :)

[@somehow1294]

finally some practical J.S in youtube

[@eGalTube]

I’m currently watching this!

[@healthtipsfree1104]

So !?

[@AdvaitDhingra]

This video has changed my life

[@oskar1504]

insane tutorial. Perfect speed. perfect example. 10/10

[@iamrk_007]

thanks i work for apple now

[@bdL91]

This was really good. Very simple and right to the point with simple code!

[@creativemarks2200]

Best javascript tutorial.

[@JustAlgato]

Hey Kathryn! Thanks for the tutorial

[@takeshiasahi5494]

Thanks a lot, ma'am. Gold for those who wanna see the integration of js with webpages.

[@loading_Academy]

Finally understanding java script because of u

[@ScreenPrintR]

Perfect, this is the type of tutorials I'm looking for. Do you have one with only bash scripting, excluding the command line tutorial? You have such an infectious personality. Love it, don't change my friend.

[@blondiebytes]

Try this one - Bash in 20 Minutes kzbin.info/www/bejne/qpenfXakqdWWq8U

[@ScreenPrintR]

@@blondiebytes thank you very much.

[@RonyBonyman]

I recognize your voice from the Java tutorial on LinkedIn Learning! Great tutorial!

[@GemboyTV]

do you have a course javascript? i am a beginner

[@slayerx123]

what? this is actually my first time watching and learning javascript. i have experience in lua, im surprised that javascript is so similar to lua

[@umjiismywife403]

Me too, im trying to find a new job and they require that you have learned java

[@serignembackeka8751]

Brief, Simple, Good

[@lune187x]

This video was bomb for getting me into the js way of thinking. Thanks.

[@ihaventgrownaspine9994]

I would like to thank you in advance because this might help me survive highschool....

[@katkaslana]

WOW you are good. ! I am just starting with CSS (I know some basics about HTML) so now I am trying to learn about CSS and then I will do .js ... Will come back to your channel ... . good luck with your coding!

[@typingmasterpro6762]

Hey, great video. Hope to get the real-world website example and the complex solution from you soon.

[@wheelbegood]

WOW - that was one heck of an efficient tutorial Thanks

[@StyleTrick]

You got yourself a new subscriber! Lovely videos Kathryn! Keep them up!

[@evgeny1583]

Presents coding in a fast run. Also: Explains what greater than 0 means.

[@jonathanmantello3974]

Awesome, so clearly explained. I appreciate this!

[@fornex5615]

That video change my life forever ❤❤

[@axeleblaze6691]

Got more form this 7 minute video than 1 hour long lecture Thanks

[@blondiebytes]

Thank you for watching!

[@rahulshukla5033]

really learn a lot in 7 min.Thanks

[@fiddlestickx]

omg, I love the way you explain it. Subscribed!

[@rahulpradhan5585]

Great! plz upload full tutorial on JavaScript .

[@CarneyAsada101]

I found this video especially helpful for my current project!

[@sarikadatta3706]

Just started leaning js and I think you should put the js script at the end of the body or even after the body. If you put higher up your html code may not render. Js is pretty crazy

[@Prosperity1116]

you are really good at explaining stuff

[@SubashMatheswaran]

Amazing channel and clear videos. I'd like to see more detailed JS tutorials. That would be great!!

[@MainlyWebStuff]

Nice overview, thanks.

[@noobforou4252]

I like your accent, it's really help me understand

[@andrenations1]

omg girl ur a so good at it! if you live near by my house i would hire you as my private teacher because the last one i had was no good 😌

[@emanuelrouse7076]

Clear, concise, and great information.

[@missmistybo]

Your tutorials are THE BEST!!! Thank you so much :)

[@ademyildizcoding]

I really loved the way you explain.

[@blondiebytes]

Thank you!

[@Somabilbooks]

you are tha best of the best thank you very much it helps a lot u deserve million Likes

[@jennyggf3556]

Great explanation! Thanks

[@vhoxng3885]

at 3:07, it could not recognize style.display ... do you know why?

[@pranavnarahari9356]

same

[@gauravsinghrathore8833]

yeah same problem

[@mtwmhl1]

yes plz i have the same problem

[@noredine]

Make sure it's written in its proper case, programs are very case sensitive

[@austin16377]

If you can't find any other problems, look at onclick and add "()" at the end of your function.

[@Micdevs]

Wow brief and so helpful thanks

[@ApexArtistX]

Best clear and precise tutorial. Can you do API endpoints JSON response to html display tutorial

[@mohamedniyas1044]

Hello....

[@__Ben777__]

Ok that was fast and awesome! Thank you so much, I'll check out your other videos

[@ehsaanyousef2273]

I have no idea what’s happenin... what program are you using to write the actual code?

[@rapcostard8155]

It's sublimeText, you can use atom or other ones :=)

[@ehsaanyousef2273]

@@rapcostard8155 thanks!

[@souvikbiswas9169]

Really useful for beginners....

[@francoislecanadien1710]

Crystal clear, you're a great teacher ! 👍

[@JoanK]

Great Video I like it so much!

[@balasubramaniam2761]

Lol tbh this video was perfect for me to understand how JS and HTML are used side by side :P

[@ScreenPrintR]

Just realized, you never closed the Good job though.

[@alexf0815]

So great, many thanks.

[@hardlyconfused3541]

This is the best. They always tell the syntax, variables, blah blah blah. They just don't tell me how to put on the server and make it run until chapter maybe 78 or something .

[@lesterdimitresque6315]

Great tutorial thanks

[@motonationarmy9083]

This is very informative!! You are awesome!!

[@rushabhagrawal720]

this was the thing i was searching for

[@cozekouzi5785]

❤Delightful love it simple but amazing ❤ 9/10 gust for the red text above black background any light color would be magnificent❤

[@jonbenetramsey0806]

If I must say so myself, I must remark that these courses feel more like a reference manual.

[@mwllms94]

This was such an easy tutorial but for some reason my javascript was not linking to my html properly. As a test I just deleted the js/ from script "" and it worked. Not sure how often you check the comments but if you see this could you please explain why that would happen? I tried this on 2 web browsers (IE and Chrome) my javascript would not link until I deleted the js/ first

[@dyllonlondon9987]

Mark Williams did you create a folder named “js”? If not then that is why. If the JavaScript file is in the same directory as your HTML file then it is only the file name in the script element path. If the JS file is in a subdirectory then you will need to specify the subdirectory folder and file name in the script source path.

[@mwllms94]

@@dyllonlondon9987 The more you know lol. Thank you. Still pretty new to this

[@dyllonlondon9987]

Mark Williams no problem bro. Been there done that😂. We all gotta start somewhere👍🏿.

[@GriffinMusicProduction]

Al it did was put a button on the screen that said “Click me!” When I did, nothing happened, also how am I supposed to show this to my friends if it’s not accessible to other people, I tried going to it on my phone and it doesn’t exist, I’m so confused, I don’t know if it is because this was three years ago and something changed, or like, what, but please help

[@nongdam9908]

Well you have to give us more information, so we can help you. Do you have Discord? Im by no means an expert, but maybe i can help you a bit further...

[@hibroclub4502]

same here

[@hibroclub4502]

@@nongdam9908 well i just typed all that she did but it it is not working

[@nongdam9908]

@@hibroclub4502 it is pretty hard, to help with just this information... Maybe you can use the debugger mode(F12 for Firefox) of your Browser? Does the js file show up there?

[@hibroclub4502]

@@nongdam9908 nope

[@KingMaxOf]

Oh, my gosh! I've become a javascript programer in 7 minutes. Awesome!

[@ash-faque]

Wow simple tutorial 😍

[@reedbarber]

Great tutorial! Simple

[@Zechey]

I dont know what it is, codesandbox must be buggy. I did exactly what is here but it just says "revealMessage" is defined but never used as an error. makes no sense.

[@nocomment892]

This is awesome. Really well explained. Thank you!

[@mhassan2018]

your voice really touch my soul i loved the tutorial very much thank you

[@GriffinMusicProduction]

Thank you so much for doing this, it doesn’t work anymore but I have found an alternate way of doing it with Click me!” Then in the other html do You’re going on a cruise! Or whatever you want it to say, that should work, if not just reply and I’ll check my code real quick and see what I did wrong

[@scariespaghetti9028]

this us astoundingly unclear

[@scariespaghetti9028]

you should make a video showing how to do it I subbed just in case you decide to

[@Surjit43]

Well explained!

[@purushothamsharma1255]

Dude you are good at this

[@blondiebytes]

Thank you!

[@kevinwiens4804]

Sweetheart: I am an Old Timer, I Love the way you teach, however I think it will take me longer than 7 minutes just to get my folders all setup..LOL BTW I LOVE blondies..

[@trs025]

Thanks, i just got a work on SpaceX after this.

[@josema-boy7610]

Amazing at how simple you made this look. Keep up the goo word :D

[@awetswiss]

thank you you change my life!!!