Some years ago when i was having some challenges on understanding the concept of Javascript, this channel solved my problem. I decided to trace you back to say thank you. God bless you and keep the good work.
Quentin, it's amazing how easy you make learning this Javascript stuff. I'm truly starting to understand JS on a whole new level and no longer have a fear of trying to produce my own code/apps. As I stated on some of your other JS tutorials, I'm learning more from this free course then I have learned from some paid courses I've taken. You are God sent. Bless you brother Watt
+CASMANWHAT You gotta watch some website building toturials where they use javascript. You will see how they use everything you learned here in building the website.
You're a legend. I've shared your tutorials on Twitter for others who are struggling like me. Honestly mate you've helped me so much with your fantastic content. Plus you make learning coding kind of fun. I tend to sit and chain your videos.
This Quentin lives in Africa, if he was living here and born here in america, he would be running his own company. Its unfortunate that you might at times feel limited but you over come it. I know javascript, html and php in the future thanks to a guy in Africa.
MrRicardo141 what? i smell stereotypes.....some parts of Africa aren't as under developed as you may believe. But i also plan to learn all those languages, good job. :D
Quentin Watt Nice video's, my lil girl somewhat respects Yt for the odd videos but I would like her to get to get more out of UA-cam if so, so I rate your tutorials, they are nice and clear as I am a 20 year programmer myself I can honestly say you have great teaching skills and knowledge, most of all I am happy you keep the language clean but if you were to say something odd I totally understand frustration now n then :)
Hello Quentin. Thank you very much for everything you do here. It is very generous of you that you put the time and energy to help others. I have a question. Along watching your tutorials, I am also reading the popular javascript and jquery book by Jon Duckett. In his book he says that innerHTML method can cause a lot of security risk to the website. He doesn't recommend this method. What is your thought on that? Thanks
Is innerHTML method only applicable to tags or can it be applied to others..like for example i need add some tags into a div using JS with the help of innerHTML is that possible ?? i know should be trying this out or browsing..but for the sake of others who might have this doubt em asking here..
hello Mr. Watt.. please let me ask you something: is there a way to run 2 event on the same object? one following the other? let me explain my self, if you use the same example of this video but instead of use the event onclick you use the event onmouseover, then it run the function, but when the mouse quit hovering, with the event onmouseout, make the paragraph go back to the original state. i hope i explained my self and would be possible for you to answer me... thank you for your video tutorials...
Hi. Nice videos!! I have a query however, which I don't understand the logic behind. The code between and and its relation, so basically why did you define id = "para"? How is it co0ordinating with the JS script ?
you can define any HTML element to have it's own id. You can call that id whatever you like. He could of called it "paragraph" or "para" or "id1", doesn't really make a difference. So long as you refer to it in the javascript with the id you have given it.
If anyone is interested in the oculus rift virtual reality headset there is this 3d web browser called janusvr that is looking for more programmers or game devs to help come expand it so if anybody is interested in helping expand the 3D web check it out. it's easy as 3 steps to have your own 3D space where you can put music, pictures, 3D objects, and animations. just search janusvr on youtube if you want to see what it looks like! i believe this is the next big thing. Also it's multiplayer so you can hop in with friends and search the web together. You can also import your own 3d avatars
Knowideer As far as I'm aware using double or single quotes in javascript is pure preference. There are times in which you need to combine them so they do not overlap. I'll show you what I mean by an example: var x = "Hello, my name is Kevin" - this is the same as var x = 'Hello, my name is Kevin'. However, if you needed to quote something in a string, like so > var x = "He said: "Hello, my name is Kevin"" that wouldn't actually work because the double quotes are conflicting. In this case you need to combine the both like so: "He said: 'Hello, my name is Kevin' " You can either use that, or use an escape character like /
Hi Quentin, I'm having a problem I can't handle (I've been trying for a few days)... What I'm trying to do is to put the onClick event on a separate .js file. I've been working with a separate script for all your videos, and it worked until now. My HTML code is the same as yours but using src = "mainscript.js" in the script tag. Also, I removed the onclick from the p tag. Now, my JS code is this: var para = document.getElementById("para") para.onClick = change; function change(){ para.innerHTML = "That tickles"; } Does someone happen to know what the problem is?
I know you must have solved this problem already, but this is for future viewers who haven't. You attempted to use the function before you defined it. The second line should be moved to after the closing curly brackets, and it should work perfectly.
Quentin Watt Tutorials the script you wrote between the p tags is not JavaScript right? Then can the getElementById method also be used to find elements inside JavaScript
Some years ago when i was having some challenges on understanding the concept of Javascript, this channel solved my problem. I decided to trace you back to say thank you. God bless you and keep the good work.
Quentin, it's amazing how easy you make learning this Javascript stuff. I'm truly starting to understand JS on a whole new level and no longer have a fear of trying to produce my own code/apps. As I stated on some of your other JS tutorials, I'm learning more from this free course then I have learned from some paid courses I've taken. You are God sent. Bless you brother Watt
FINALLY! i've been going through every JavaScript tutorial wondering to myself WHERE THE FUCK AM I GOING TO USE THIS STUFF?! now it gets exciting.
me too..
+CASMANWHAT You gotta watch some website building toturials where they use javascript. You will see how they use everything you learned here in building the website.
OMG me too... :D
You're a legend. I've shared your tutorials on Twitter for others who are struggling like me. Honestly mate you've helped me so much with your fantastic content. Plus you make learning coding kind of fun. I tend to sit and chain your videos.
One step closer to coding mastery. Thanks, Quentin!
took me more than 8 years to learn this. Thanks Thats an awesome tutorials
I've been followings these on and off for a little while. You teach at a good tempo, especially for an old boy like me!
I like how you explain things very clearly and methodically, really helps, thanks!
Tutorial.Quality.ThumbsUp
document.write("cheers Quentin");
Quintin, thanks! You explain things with so much clarity.
I'm enjoying your tutorials. Thank you Quentin!
love the way you explain mate!! much better than our professor. Keep up the good work :)
Thank you so much, this video cleared up a lot of what I was confused about (relationship among objects, properties and methods). Terrific!
This Quentin lives in Africa, if he was living here and born here in america, he would be running his own company. Its unfortunate that you might at times feel limited but you over come it. I know javascript, html and php in the future thanks to a guy in Africa.
MrRicardo141 what? i smell stereotypes.....some parts of Africa aren't as under developed as you may believe. But i also plan to learn all those languages, good job. :D
So understandably.
Thanks for all the Videos man!
Wow, you explained it very well! I recommend this tutorial to everybody!
broo...ur teaching is awsuummm..lovedddd it!!!!!
Hi great videos and brilliant teaching, can you let me know when these videos were made please and if they're still up to date ?
Quentin Watt Nice video's, my lil girl somewhat respects Yt for the odd videos but I would like her to get to get more out of UA-cam if so, so I rate your tutorials, they are nice and clear as I am a 20 year programmer myself I can honestly say you have great teaching skills and knowledge, most of all I am happy you keep the language clean but if you were to say something odd I totally understand frustration now n then :)
Another very informative video...
how can i subscribe twiceeee..this guy is amazing
Thank you so much for your efforts!
Such a great tutor
Thank you
You are really awesome 👍👍 pls pls continue to do these...
Pls also make c++ tutorial s also and many other languages ..... Pls
Thank you man! You are just awesome....
Hello Quentin. Thank you very much for everything you do here. It is very generous of you that you put the time and energy to help others. I have a question. Along watching your tutorials, I am also reading the popular javascript and jquery book by Jon Duckett. In his book he says that innerHTML method can cause a lot of security risk to the website. He doesn't recommend this method. What is your thought on that? Thanks
great tutorial Quentin very much helpful after the message i sent you the other day :)
Thank you. Great job
+Quentin Watt Tutorials can the on click event and id function be used in JavaScript
This was great!
Is innerHTML method only applicable to tags or can it be applied to others..like for example i need add some tags into a div using JS with the help of innerHTML is that possible ?? i know should be trying this out or browsing..but for the sake of others who might have this doubt em asking here..
thx dude! very clear.
hello Mr. Watt.. please let me ask you something:
is there a way to run 2 event on the same object? one following the other? let me explain my self, if you use the same example of this video but instead of use the event onclick you use the event onmouseover, then it run the function, but when the mouse quit hovering, with the event onmouseout, make the paragraph go back to the original state. i hope i explained my self and would be possible for you to answer me... thank you for your video tutorials...
Hi. Nice videos!!
I have a query however, which I don't understand the logic behind.
The code between and and its relation, so basically why did you define id = "para"? How is it co0ordinating with the JS script ?
you can define any HTML element to have it's own id. You can call that id whatever you like.
He could of called it "paragraph" or "para" or "id1", doesn't really make a difference.
So long as you refer to it in the javascript with the id you have given it.
Super good!
If anyone is interested in the oculus rift virtual reality headset there is this 3d web browser called janusvr that is looking for more programmers or game devs to help come expand it so if anybody is interested in helping expand the 3D web check it out. it's easy as 3 steps to have your own 3D space where you can put music, pictures, 3D objects, and animations. just search janusvr on youtube if you want to see what it looks like! i believe this is the next big thing. Also it's multiplayer so you can hop in with friends and search the web together. You can also import your own 3d avatars
I appreciate the tutorial, what if I want to change the ID from text to an image. Is that possible?
after the ID is clicked
You could simply delete the element and add a text element. It's a bit easier with frameworks like Vue though.
nice up man
When do we use double and single quotes in javascript?
Knowideer As far as I'm aware using double or single quotes in javascript is pure preference.
There are times in which you need to combine them so they do not overlap.
I'll show you what I mean by an example:
var x = "Hello, my name is Kevin" - this is the same as var x = 'Hello, my name is Kevin'.
However, if you needed to quote something in a string, like so > var x = "He said: "Hello, my name is Kevin"" that wouldn't actually work because the double quotes are conflicting. In this case you need to combine the both like so: "He said: 'Hello, my name is Kevin' "
You can either use that, or use an escape character like /
Sir I have question
"Why we can't add/remove HTML element dynamically on something event like on clicking a button" in JavaScript ??????????
I see you already have point me to the property's
i did what you told but i dont have the smae results. when i click the pragraph it doesnt change and i tried it both ways
can you please help me
what is the difference between functions and method? is it the same? confusing.
Awesome
Hi Quentin, I'm having a problem I can't handle (I've been trying for a few days)... What I'm trying to do is to put the onClick event on a separate .js file. I've been working with a separate script for all your videos, and it worked until now. My HTML code is the same as yours but using src = "mainscript.js" in the script tag. Also, I removed the onclick from the p tag. Now, my JS code is this:
var para = document.getElementById("para")
para.onClick = change;
function change(){
para.innerHTML = "That tickles";
}
Does someone happen to know what the problem is?
; missing in 1st line
I know you must have solved this problem already, but this is for future viewers who haven't. You attempted to use the function before you defined it. The second line should be moved to after the closing curly brackets, and it should work perfectly.
So in para.innerHTML = "This tickles" the "innerHTML" is property (not a method) is that correct?
Yes indeed. Properties will not have brackets on the end, where as methods usually will.
Thanks for help.
Quentin Watt Tutorials the script you wrote between the p tags is not JavaScript right? Then can the getElementById method also be used to find elements inside JavaScript
Keep it up :)
How to make onclick event in javascript?
+navanatee yampunranai You can watch my video on events.
ua-cam.com/video/CyyWDI9hG7A/v-deo.html
How do you REVERSE the process where when I click on " That tickles " it will reverse to " click me " ?
Watch Tutorial 25.
I think I got a little lost of this one
It was a stupid idea to name the variable "para", since you already have an ID named "para". It's always confusing when people do that in tutorials.
This was your worst lesson up to now. Very confusing.
Quintin, thanks! You explained things with so much clarity.