Animated Button
In this tutorial I will show you how to make an animated button using css and html.
The complete code is.
Monday, March 14, 2016
CSS Button Project
Sampili Tuition
6:42 AM
No comments
Black and white & color combination in photoshop
Sampili Tuition
5:46 AM
No comments
Black and white to color photograph in photoshop
Sampili Tuition
5:31 AM
No comments
Blending image in photoshop
Sampili Tuition
5:16 AM
No comments
How to blend two image in Photoshop cs6
Making smart phone in Blender
Sampili Tuition
5:12 AM
No comments
How to make a smart phone in blender.
Blender Tutorial-Making a laptop
Sampili Tuition
4:44 AM
No comments
How to make a Laptop in Blender
Sunday, March 13, 2016
Javascript Statements
Sampili Tuition
4:41 AM
No comments
JavaScript Statements
A JavaScript statement is a command to a browser. The purpose of the command is
to tell the browser what to do.
The following JavaScript statement tells the browser to write “Hello Dolly” to the
Web page:
document.write("Hello Dolly");
It is normal to add a semicolon at the end of each executable statement. Most
people think this is a good programming practice, and most often you will see this
in JavaScript examples on the Web.
The semicolon is optional (according to the JavaScript standard), and the browser
is supposed to interpret the end of the line as the end of the statement. You often
will see examples without the semicolon at the end.
JavaScript Code
JavaScript code (or just JavaScript) is a sequence of JavaScript statements. Each
statement is executed by the browser in the sequence it is written.
This example will write a heading and two paragraphs to a Web page as shown in
Figure 2.1.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
JavaScript Blocks
JavaScript statements can be grouped together in blocks. Blocks start with a left
curly bracket { and end with a right curly bracket }.
The purpose of a block is to make the sequence of statements execute together.
The following example writes a heading and two paragraphs to a Web page as
shown in Figure 2.2.
<html>
<body>
<script type="text/javascript">
{
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
}
</script>
</body>
</html>
The preceding example is not very useful. It just demonstrates the use of a block.
Normally, a block is used to group statements together in a function or in a condition
(in which a group of statements should be executed if a condition is met).
JavaScript Comments
JavaScript comments can be added to explain the JavaScript script or to make the
code more readable.
Single line comments start with //.
The following example uses single-line comments to explain the code.
<html>
<body>
<script type="text/javascript">
// Write a heading
document.write("<h1>This is a heading</h1>");
// Write two paragraphs:
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
JavaScript Multiline Comments
Multiline comments start with /* and end with */.
The following example uses a multiline comment to explain the code.
Your result is shown in Figure 2.4.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
/*
The code below will write
one heading and two paragraphs
*/
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
Using Comments to Prevent Execution
In the following example, the comment is used to prevent the execution of a single
code line (can be suitable for debugging):
Your result is shown in Figure 2.5.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
//document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
In the following example, the comment is used to prevent the execution of a code
block (can be suitable for debugging):
Try it yourself >>
<html>
<body>
<script type="text/javascript">
/*
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
*/
</script>
</body>
</html>
Your result would be a blank screen.
Using Comments at the End of a Line
In the following example, the comment is placed at the end of a code line. Your
result is shown in Figure 2.6.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
document.write("Hello"); // Write "Hello"
document.write(" Dolly!"); // Write " Dolly!"
</script>
</body>
</html>
A JavaScript statement is a command to a browser. The purpose of the command is
to tell the browser what to do.
The following JavaScript statement tells the browser to write “Hello Dolly” to the
Web page:
document.write("Hello Dolly");
It is normal to add a semicolon at the end of each executable statement. Most
people think this is a good programming practice, and most often you will see this
in JavaScript examples on the Web.
The semicolon is optional (according to the JavaScript standard), and the browser
is supposed to interpret the end of the line as the end of the statement. You often
will see examples without the semicolon at the end.
JavaScript Code
JavaScript code (or just JavaScript) is a sequence of JavaScript statements. Each
statement is executed by the browser in the sequence it is written.
This example will write a heading and two paragraphs to a Web page as shown in
Figure 2.1.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
JavaScript Blocks
JavaScript statements can be grouped together in blocks. Blocks start with a left
curly bracket { and end with a right curly bracket }.
The purpose of a block is to make the sequence of statements execute together.
The following example writes a heading and two paragraphs to a Web page as
shown in Figure 2.2.
<html>
<body>
<script type="text/javascript">
{
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
}
</script>
</body>
</html>
The preceding example is not very useful. It just demonstrates the use of a block.
Normally, a block is used to group statements together in a function or in a condition
(in which a group of statements should be executed if a condition is met).
JavaScript Comments
JavaScript comments can be added to explain the JavaScript script or to make the
code more readable.
Single line comments start with //.
The following example uses single-line comments to explain the code.
<html>
<body>
<script type="text/javascript">
// Write a heading
document.write("<h1>This is a heading</h1>");
// Write two paragraphs:
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
JavaScript Multiline Comments
Multiline comments start with /* and end with */.
The following example uses a multiline comment to explain the code.
Your result is shown in Figure 2.4.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
/*
The code below will write
one heading and two paragraphs
*/
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
Using Comments to Prevent Execution
In the following example, the comment is used to prevent the execution of a single
code line (can be suitable for debugging):
Your result is shown in Figure 2.5.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
//document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
</script>
</body>
</html>
In the following example, the comment is used to prevent the execution of a code
block (can be suitable for debugging):
Try it yourself >>
<html>
<body>
<script type="text/javascript">
/*
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
document.write("<p>This is another paragraph.</p>");
*/
</script>
</body>
</html>
Your result would be a blank screen.
Using Comments at the End of a Line
In the following example, the comment is placed at the end of a code line. Your
result is shown in Figure 2.6.
Try it yourself >>
<html>
<body>
<script type="text/javascript">
document.write("Hello"); // Write "Hello"
document.write(" Dolly!"); // Write " Dolly!"
</script>
</body>
</html>
Recommended
-
How To Put a JavaScript into an HTML Page The following example shows how to use JavaScript to write text on a Web page. The result of t...
-
How to convert black and white photograph to color in photo shop cs6 -
JavaScript Statements A JavaScript statement is a command to a browser. The purpose of the command is to tell the browser what to do. Th...
-
Style can be applied to specific html elements by specifying the html elements, then enclosing the styles within curly brackets .The follow...
-
jQuery - Add Elements With jQuery, it is easy to add new elements/content. Add New HTML content We will look at four jQuery methods that...
-
jQuery Callback Functions A callback function is executed after the current effect is 100% finished. jQuery Callback Functions JavaScrip...
