"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."
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!
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!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
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
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.
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.
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!
Wow! I love the content you're teaching! It's so inspiring to find another woman teaching code in TH-cam. I actually had to find you through an article written by Girl Knows Tech because I could not find any tech women on TH-cam 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! 👌🏼💕
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--;
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--; }
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.
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
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 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?
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.
Hello guys, the countdown function doesn't work for me somehow. I copied the code exactly but it doesn't count down, it just stays at 10. Does someone know how to fix that? Thanks
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
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..
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
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.
can you make a video on javascript that ,if i have a website and i want to fill a form, when i click on lets say " create an account", the page will blur displaying only the form
hi, can anyone help me, the function countDown doesn't work for me, i cant figure out why, i have copied it entirely. It shows up in the browser but as i click on the button it just stays at 10.. any help much appreciated
I'm not able to see any changes I make on my javascript file on my web browser.html. I've added the code to the html file, but nothing is changing visually on my browser. Do you know why this may be?
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 :)
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.
@blodiebytes hi, can you help me...i using notepad to write the code...the button is appear but the javascript function didn't work.Does it can't link using notepad?
I got little guestion. What if PHP generates html code? What then? Tell me if Java Script phraser seens all properly. I got problem. I got main index.php > to what I include "header.php" "middle.php" and "footer.php". In header or footer I put a link to JS. Middle.php is responsible for generating code. But id does not working. JS doing only index.php... without reaching include section. Should I use require instead of include?
Hi you, i tried this code and somehow it doesn’t work. I tried it several times and the functions doesn’t work. It doesn’t even show the second button. Can you help there ? :-)
great tutorial but for some reason i cant get the count down to work on my browser. i have spent close to an hour testing what could be wrong i even copied and pasted your original code, changed the dir to my own but still it doesn't want to work. anyone else having the same issue??
I don't understand what she's saying at all, I really want to learn coding but there's no tutorials that tell me the very basics, they always skip that kind of stuff as if I'm supposed to already know it.
Anyone who has been studying for a week or two should be able to follow along. If someone is having a hard time I’d recommend reading some basics and come back. This video is pretty good!
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!
i'm using brackets and why I try to do the countdown thing it tells me to combine my two var statements. How do i do that? Code: function revealMessage() { "use strict"; document.getElementById("hiddenMessage").style.display = 'block'; } function countDown() { "use strict"; var currentVal = document.getElementById("countDownButton").innerHTML; var newVal = currentVal - 1; document.getElementById("countDownButton").innerHTML = newVal; }
decrementing the countDown is working but incrementing is not working .when I tried to increase the value of currentVal like currentVal + 1; but it does not increase the value properly, is appending(the result looks like 1011111.... )
I thought the countDown function will need to parse the innerHTML from text to number. That was surprising that you could directly do math on text. What would happen if there is no number in innerHTML?
Ok question. I found some javascript websites and they have they content of the website not visible but when you click and drag (the pointer is a hand) the content moves around the site. Are all they doing is hiding the content and displaying it when it is clicked and drag? Or is the content bigger than the screen size and the click and drag just brings it into view? (Example: bad.diesel.com/). I know I need to learn more but I was just curious. Thanks and nice video.
I was trying to do it the way you were doing it on your video, but I kept getting an error message. I had to change my code to this: var currentVal = document.getElementById("countDownButton"); var newVal = currentVal.innerHTML - 1; currentVal.innerHTML = newVal; }
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 .
I am following along in Dreamweaver and keep receiving two error messages. "revealMessage is defined but never used" and "document is not defined". Everything is working however so I'm a bit confused. Could you provide any insight?
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
Hi, thanks for this video. I have copied your code to the "T" but my the message just does not display. Everything else works fine (the "click me button"). I have saved both the script.js and index.html in the same folder yet the browser can not load the file. It gives me the following errors, "script.js Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:8 Uncaught SyntaxError: Unexpected token {" Any help would be much appreciated. Regards
thanks i work for google now
rofl
How's the censorship campaign going on over there?
xXslajerXx 😂😂😂😂
Yeah, did you get to meet Sundial Picachu?
Is this supposed to be a joke?
Change the playback speed into 2
*Learn JavaScript in 3.5 minutes*
change into .5: learn Js in 14 minutes
can't get the speed to 2.0 maximum speed is 1.5
Thanks
This video is pretty much what we've learned in 4 weeks in college lol
"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."
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!
and how was it better???
Andrew Rowden
I dcv
🙄
No.
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!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
This series is so helpful! Thank you for keeping it simple and concise, one of the best on TH-cam!
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
Very simple and easy to understand. Not too fast. Not too slow. Not too long. Very helpful. Please do more of this.
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.
this is so well explained! honestly i get it so much better than when i'm in class lol, thank you!!
The way you explain everything is AMAZING!!!! You actually break everything down. Thank youuuu!
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.
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!
Lol
3:39 "you are going on a cruise"
Not these days
how to create a scam
😂😂😂
"Javascript can be used to manipulate Css based on user actions" Thank you this was just the answer I was looking for.
Currently on a mission to watch all your videos. I would have saved weeks of my life had I found your videos first. #BestTutorials!!
Watches and provides a lot clear language for somebody who is begging. Thanks!
at 3:07, it could not recognize style.display ... do you know why?
same
yeah same problem
yes plz i have the same problem
Make sure it's written in its proper case, programs are very case sensitive
If you can't find any other problems, look at onclick and add "()" at the end of your function.
Wow! I love the content you're teaching! It's so inspiring to find another woman teaching code in TH-cam. I actually had to find you through an article written by Girl Knows Tech because I could not find any tech women on TH-cam 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! 👌🏼💕
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--;
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--;
}
Nice tutorial , this is first time in my life a female tutor teaching in fast and legible , great and superb, Thanks lot.
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.
I would like to thank you in advance because this might help me survive highschool....
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
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...
same here
@@nongdam9908 well i just typed all that she did but it it is not working
@@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?
@@nongdam9908 nope
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.
Hello guys,
the countdown function doesn't work for me somehow. I copied the code exactly but it doesn't count down, it just stays at 10.
Does someone know how to fix that?
Thanks
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
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..
do you have a course javascript? i am a beginner
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
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.
@@dyllonlondon9987 The more you know lol. Thank you. Still pretty new to this
Mark Williams no problem bro. Been there done that😂. We all gotta start somewhere👍🏿.
Thanks i am now a full fledge Javascript developer 🙃
can you make a video on javascript that ,if i have a website and i want to fill a form, when i click on lets say " create an account", the page will blur displaying only the form
That was super nice. I'm like truly amazed. Short yet useful. Well done. Gets a like.
hi, can anyone help me, the function countDown doesn't work for me, i cant figure out why, i have copied it entirely. It shows up in the browser but as i click on the button it just stays at 10.. any help much appreciated
If the logic looks right, always check your capitals and spelling with JavaScript, if you miss a capital or lowercase it simply won't run
I'm not able to see any changes I make on my javascript file on my web browser.html. I've added the code to the html file, but nothing is changing visually on my browser. Do you know why this may be?
Thanks for sharing, but I have a question, can I use Java script replacing CSS
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
Me too, im trying to find a new job and they require that you have learned java
insane tutorial. Perfect speed. perfect example. 10/10
Great tutorial. Offer more knowledge than many 10 hours videos.
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 :)
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.
Try this one - Bash in 20 Minutes
th-cam.com/video/tfDLCntpcuc/w-d-xo.html
@@blondiebytes thank you very much.
I have no idea what’s happenin...
what program are you using to write the actual code?
It's sublimeText, you can use atom or other ones :=)
@@rapcostard8155 thanks!
@blodiebytes hi, can you help me...i using notepad to write the code...the button is appear but the javascript function didn't work.Does it can't link using notepad?
Presents coding in a fast run.
Also: Explains what greater than 0 means.
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.
I got little guestion. What if PHP generates html code? What then? Tell me if Java Script phraser seens all properly. I got problem. I got main index.php > to what I include "header.php" "middle.php" and "footer.php". In header or footer I put a link to JS. Middle.php is responsible for generating code. But id does not working. JS doing only index.php... without reaching include section. Should I use require instead of include?
I’m currently watching this!
So !?
How do you open the tab to type all these coding...?
finally some practical J.S in youtube
This was really good. Very simple and right to the point with simple code!
Thanks a lot, ma'am. Gold for those who wanna see the integration of js with webpages.
I feel a bit dumb asking this but how or like what app, or like, the thing did you use to code it? I can't find the software you used anywhere?
It’s not dumb to ask. I’m using Sublime.
I have tried the 1st one but the msg is displayed after refreshing on page the message not showing on same
omg, I love the way you explain it. Subscribed!
This video has changed my life
Hi you, i tried this code and somehow it doesn’t work. I tried it several times and the functions doesn’t work. It doesn’t even show the second button. Can you help there ? :-)
great tutorial but for some reason i cant get the count down to work on my browser. i have spent close to an hour testing what could be wrong i even copied and pasted your original code, changed the dir to my own but still it doesn't want to work. anyone else having the same issue??
I know Javascript and coding already, but just wanted to know, do the people who have never done coding before understand what shes saying?
I don't understand what she's saying at all, I really want to learn coding but there's no tutorials that tell me the very basics, they always skip that kind of stuff as if I'm supposed to already know it.
Nooo she's going way too fast for beginners lol
Anyone who has been studying for a week or two should be able to follow along. If someone is having a hard time I’d recommend reading some basics and come back. This video is pretty good!
Finally understanding java script because of u
If I must say so myself, I must remark that these courses feel more like a reference manual.
Which editor are you using and can I use it with Android
Best javascript tutorial.
That video change my life forever ❤❤
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!
i'm using brackets and why I try to do the countdown thing it tells me to combine my two var statements. How do i do that? Code:
function revealMessage() {
"use strict";
document.getElementById("hiddenMessage").style.display = 'block';
}
function countDown() {
"use strict";
var currentVal = document.getElementById("countDownButton").innerHTML;
var newVal = currentVal - 1;
document.getElementById("countDownButton").innerHTML = newVal;
}
You got yourself a new subscriber! Lovely videos Kathryn! Keep them up!
decrementing the countDown is working but incrementing is not working .when I tried to increase the value of currentVal like currentVal + 1; but it does not increase the value properly, is appending(the result looks like 1011111.... )
mine also same , how to reslove this...
Hey Kathryn! Thanks for the tutorial
I thought the countDown function will need to parse the innerHTML from text to number. That was surprising that you could directly do math on text. What would happen if there is no number in innerHTML?
This video was bomb for getting me into the js way of thinking. Thanks.
Can we visit the website you made in the other devices
What software did you use to code?
Great vid! What program are you writing the html and js code in?
Jacob Svensson the text editor she used is sublime text
why changing into addition turns it in to string and showing 111111 instead 1 2 3?
When i click my button, nothing happens??
same
I recognize your voice from the Java tutorial on LinkedIn Learning! Great tutorial!
thanks i work for apple now
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 😌
Great video where did you learn lease
Ok question. I found some javascript websites and they have they content of the website not visible but when you click and drag (the pointer is a hand) the content moves around the site. Are all they doing is hiding the content and displaying it when it is clicked and drag? Or is the content bigger than the screen size and the click and drag just brings it into view? (Example: bad.diesel.com/). I know I need to learn more but I was just curious. Thanks and nice video.
I was trying to do it the way you were doing it on your video, but I kept getting an error message. I had to change my code to this:
var currentVal = document.getElementById("countDownButton");
var newVal = currentVal.innerHTML - 1;
currentVal.innerHTML = newVal;
}
sometimes mine hust dont show the button only a white screen ? how do i fix it sorry im new
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 .
WOW - that was one heck of an efficient tutorial
Thanks
Awesome, so clearly explained. I appreciate this!
I am following along in Dreamweaver and keep receiving two error messages.
"revealMessage is defined but never used" and "document is not defined".
Everything is working however so I'm a bit confused. Could you provide any insight?
Hey, great video. Hope to get the real-world website example and the complex solution from you soon.
Great! plz upload full tutorial on JavaScript .
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
this us astoundingly unclear
you should make a video showing how to do it I subbed just in case you decide to
I need help. im 13 years old, when I type-.style.display, it doesn't turn blue! is that a problem
do you need html to code with java??
Are you using an IDE?
My button does not work when i click it???? Do you know why???
nice video but how do you add? everytime i tey i goes like this 0 01 011 and so on help plz
hello i use atom
i copied the code completely the same and didnt work for me.
btw im new to coding
i need a new project idea in Web. i am on the stage of writing a proposal for a project , so plz can u help ?
what sofware are you using
Hi, thanks for this video. I have copied your code to the "T" but my the message just does not display. Everything else works fine (the "click me button"). I have saved both the script.js and index.html in the same folder yet the browser can not load the file. It gives me the following errors, "script.js Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:8 Uncaught SyntaxError: Unexpected token {"
Any help would be much appreciated.
Regards
change your dir
Just realized, you never closed the Good job though.