Basic JavaScript Tutorials

**Mind Freak** · 7th Jul 2011, 08:55 PM

Basically I have joined a University Where i am being taught Javascript,C,C++,ASP.net and all those stuff so i would be sharing all tutorials here too

So i will be making as many tuts i can and help around and as its a thing for helping so i would like all the "Ub3r" Coders to help around as well.

Mind Freak Reviewed by Mind Freak on 7th Jul 2011. Basic JavaScript Tutorials http://dl.dropbox.com/u/26836391/J/header.png Basically I have joined a University Where i am being taught Javascript,C,C++,ASP.net and all those stuff so i would be sharing all tutorials here too :) So i will be making as many tuts i can and help around and as its a thing for helping so i would like all the "Ub3r" Coders to help around as well. http://lulzimg.com/i22/5e3ce1.png Rating: 5

**Shahrukh** · 7th Jul 2011, 09:05 PM

Looking Forward to iT!

**Mind Freak** · 7th Jul 2011, 09:07 PM

Objective:
Use Javascript "document.write()" statements to produce the following page output

Commands to be used

1.document.write()

Output

Coding To be Used :

Code:

<html>
<head>
<script language="javascript">
document.write("<h1>Hi KWWH This is MindFreak</h1>");
document.write("This page has been developed by using Simple Javascript coding");
</script>
</head>
</body>
</body>
</html>

Well as per my way of coding a html or a javascript page goes i always write off the basic structure of the coding so that no probs occur later on.

Code:

<html>
<head>
<title></title>
<script language="javascript">
</script>
</head>
<body>
</body>
</html>

We have used document.write() to show the above output

Javascript Coding is mostly or always done within the header tags
Document.write is used to display a value on the page.
HTML snipets can also be used within the ()
after every coding its very important to end with a ";"

**Mind Freak** · 7th Jul 2011, 09:20 PM

Objective

Write a program to accept username and display it message with welcome greeting.

Commands to be used

1. prompt
2. alert
3. variable

Output

Coding to be used

Code:

<html>
<head>
<title>Display Message</title>
<script language="javascript">
var Name = prompt('Enter Your Name:',"");
alert('Welcome ' + Name)
</script>
</head>
<body>
</body>
</html>

MessageBox's are of various types but here we would be using 2 of them

Prompt
Alert

By Using Prompt we would ask the user for their input it would be defined as a variable as we have used the prompt value by assigning it to a variable

After that we will use alert msgbox to display the variable aka the user's input.

**Mind Freak** · 7th Jul 2011, 10:20 PM

Objective

Write a program to display a confirmation box to confirm whether the name entered in the prompt window is correct as shown below

Commands to be used

1. prompt
2. confirm
3. variable

Output

Coding to be used

Code:

<html>
<head>
<title>Display Message</title>
<script language="javascript">
var Name = prompt('Enter your name:',"");
confirm('Your Name is '+ Name + '; is it correct?');
</script>
</head>
<body>
</body>

Here We Are assigning prompt to the variable "Name" and we are using users input in the prompt box and displaying it in the confirm box

**CyberAff** · 7th Jul 2011, 10:23 PM

thanks alot mind freak. i started learning this all. i don't know if its useful or not but i really want to. gonna take some courses

thanks alot mate

+1 to all objectives

**snowmanrene** · 7th Jul 2011, 10:25 PM

Awesome idea

Rep'd

**NigelART** · 7th Jul 2011, 10:40 PM

Check PM PLZ.

**Mind Freak** · 8th Jul 2011, 07:46 PM

Objective

Write a program to accept two numbers and display sum of it.

Commands to be used

1. Arithmetic Operators

Output

Coding to be used

Code:

<html>
<head>
<script>
var a = prompt("Enter Your First Number");
var b = prompt("Enter Your Second Number");

document.write("<font size='5' face='Arial'>");
document.write("No.1=" + a +"<br>");
document.write("No.2=" + b +"<br>");
document.write("No.1 + No.2=" +(eval(a) + eval(b)) + "<br>");
document.write("</font>");
</script>
</head>
<body>
</body>
</html>

What We Have Done :

Above We Used Basic Arithmetic Operators to add to variables
(eval(variable) is used to convert the number to a form for the computer to understand so that it add's your given number correctly

In the same above way you can do

Addition
Subtractions
Multiplication
Division.

**Mind Freak** · 8th Jul 2011, 08:01 PM

Objective

Write a program to increment the value of a & b using pre increment and post increment operators

Commands to be used

1. pre & post increment operators

Output

Coding to be used

Code:

<html>
<head>
<script type="javascript">

var a=10;
var b=10;

document.write("font size='5'>");
document.write("Post Increment<br><hr>");
document.write("a:" + a);
document.write("<br>");
document.write("a++:" + a++);
document.write("<br>");
document.write("a++:" + a++);
document.write("<br>");
document.write("a++:" + a++);
document.write("<br>");
document.write("a++:" + a++);
document.write("<br>");
document.write("<br><br>Pre Increment<br><hr>");

document.write("b:" + b);
document.write("<br>");
document.write("++b:" + ++b);
document.write("<br>");
document.write("++b:" + ++b);
document.write("<br>");
document.write("++b:" + ++b);
document.write("<br>");
document.write("++b:" + ++b);
document.write("<br>");
document.write("++b:" + ++b);
document.write("</font>");
</script>
<title>Expression Operators</title>
</head>
<body>
</body>
</html>

</script>
</head>
<body>
</body>
</html>

Basic JavaScript Tutorials

Thread Tools

Display

Basic JavaScript Tutorials

Sponsored Links

Objective : 1

Objective : 2

Objective : 3

Objective : 4

Objective : 5

Thread Information

Users Browsing this Thread

Similar Threads

PSD Tutorials

Need Tutorials

SEO Tutorials - Tutorials for new webmasters

DLE Tutorials

SEO Tutorials

Tags for this Thread

Posting Permissions

themaRegister - register to forums...

themaPoster - post to forums and...

themaLeecher - leech and manage...

themaCreator - create posts from...

themaCreator - create posts from...