Here's an old tutorial of me about JavaScript...
If you can barely read the codes,
Here is the original tutorial.
This is what you need before starting:
- Basic HTML knowledge
- Notepad or something else
- JS enabled web browser
What is JavaScript?
JavaScript is a web scripting language, That means that it is a script inside a web page. A web page is based on HTML and JavaScript is a kind of extension to it. The script is based on a real programing language named C. It's a simple version of it, Without using a compiler and other difficult things, Because it's already built in the page.
The History of JavaScript
JavaScript was created by Netscape and Sun. Netscape wanted to make a programming language that can do things like Java and useful for a site. The first name before JavaScript was named 'Mocha' and some years later it was named 'Live Script'. When Live Script was very popular and well-known, The Script is finally named 'JavaScript'. But remember, JavaScript is not Java. Java is a very detailed and difficult programming language for making powerful applications.
Writing in JavaScript
Are you ready? Okay! We will begin. If you don't know how to run a web script, Open Notepad using the start menu or using the start > run, and typing notepad. When you are done and want to test your script, Save the page as a .htm or .html file, And open it with your web browser. To make a Javascript working, You have to use a HTML tag to open it.
<script></script>
This is just the base of it, The script tag needs a attribute type on it. Add the type attribute and set the value to "text/javascript". That will let your page know that the script is wrote in JavaScript.
<script type="text/javascript"></script>
If you're done with the begin of it, You can start using JavaScript. The first code that I can teach you, Is how to write something on your page with JavaScript. It's very easy to using the write command.
document.write("hello world!")
Well, I said to use the write command. But why the document with a dot? Because the document tag means that your command is targeted to your document page, So actually it's the write() command + the document as your target. After declaring the target, It always need a "." dot.
So if you get it now, Your first JavaScript code will look like this.
<script type="text/javascript">
document.write("Hello World!");
</script>
The next important thing is to add a ";" after a command line, That will prevent you crossing the whole script and making bugs. The ";" thing will make a end line after your code.
document.write("Hello<br>"); document.write("World!");
Don't forget that the document.write will write something down in your page, like a paragraph. So HTML tags always works, But Watch out! Don't use a " double quote if you did the same on the attribute="value". The script will see the quote as a stop and will mess up your script.
So I suggest you to use a ' single quote. Like this attribute='value', And like this.
document.write("<div class='style'>Hello Styling!</div>")
If you didn't do that, And you just left the quotes of the HTML as a double quote, It will look like this.
document.write("<div class="style">THIS IS WRONG</div>")
The document.write("") command have got "" quotes means things that are in the quotes is Text. If you don't have that, The page will see it as a variable or string. So it wouldn't write something.
document.write(THIS IS WRONG);
Well done dude! If you followed the steps in a right way. You should understand how the basic of JavaScript works
Sorry for the grammar errors, English is my 4th language.
