JavaScript Beginner Tutorial: Javascript Basic Events

Create index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript-basic</title>

}
.button{
 border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.75em;
  padding-right: 1.5em;
  padding-bottom: 0.8125em;
  padding-left: 1.5em;
  font-size: 1em;
  background-color: #2daebf;
  border-color: #238896;
  color: white;
   display: inline-block;
transition: background-color 300ms ease-out;
border-radius: 2px;
  box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset !important;
  -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
  }
</style>
</head>

<body>
<div class="myclass">
<h2>onclick event</h2>
<button class="button" onclick="getElementById('mystyle').innerHTML=Date()">See today's Date and Time</button>
<p id="mystyle"></p>
</div>

<div class="myclass">
<h2>Input event-onblur</h2>
<p>Enter your city:</p> <input type="text" id="fname" onblur="myFunction()">

</div>
</body>
</html>

Wednesday, 13 May 2015

Javascript Basic Events

Create index.html

No comments:

Post a Comment