Home » 2014 » February » 24 » A very simple example to learn Javascript in HTML

5:56 PM
A very simple example to learn Javascript in HTML

Here in this article, I will demonstrate use of javascript in html. How javascript can be used to help you build webpages.

 
Javascript is just like implementing functions or procedures on webpages. Suppose on click of a button, you want to do some action or you want to pop out a message, you can use java script.
 
  • Java script can be embeded in your html body tag directly
 
<html>
<title>
Title of webpage
</title>
<body>
<script>
 
<!--You can write any javascript code here-->
 
</script>
body goes here
</body>
</html>
 
  • Or you can put your Javascript in a seperate file named anything.js and give a link in your html file as below.
<html>
<head>
<title>
Title of webpage
</title>
<script src="anything.js" type="text/javascript"><script/>
</head>
<body>
body goes here
</body>
</html>
 
  • One simple example. Click the face to make it sad/happy..
Code Result
<html>
<body>
<script>
function makeMeHappy(){
elem=Documet.getElementById('hapy')
if(elem.src.match("sa")){
elem.src="/images/biggest-smiley2.jpg";}
else{
elem.src="/images/sad-smiley.png";
}
}
</script>
<img id="hapy"
src="/images/sad-smiley.png" alt="happy"  onclick="makehappy()">
</body>
</html>
Make me happy
 
 
 

Category: Technical Solution | Views: 1824 | Added by: shanky | Rating: 5.0/1

Related blogs


You may also like to see:


[2014-02-06][Technical Solution]
Simple steps to boost your computer.
[2014-01-08][Technical Solution]
How to shutdown a computer using your Mobile
[2014-01-20][Technical Solution]
How to start your samsung phone in recovery mode
[2024-03-27][Technical Solution]
How to discuss on Performance Appraisal with your manager? 10 Points to help you get a better hike
[2024-08-04][Technical Solution]
What is Internet Of Things(IoT) ? Who uses it ? | Advantages in real life

Total comments: 1
avatar
1
1 Pooja Wadhwani • 11:43 AM, 2014-02-25
Awesome..
ComForm">
avatar