Practical 7
<!DOCTYPE html>
<html>
<head>
<title>Practical 7</title>
<script>
function Japan()
{
alert("Konnichiwa !!");
}
function India()
{
alert("Namaste !!");
}
function Germany()
{
alert("Guten Tag!!");
}
</script>
</head>
<body>
<p> Hello In Different Countries</p>
<form>
<input type="button" value="Japan" onclick="Japan()">
<input type="button" value="India" onclick="India()">
<input type="button" value="Germany" onclick="Germany()">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Practical 7</title>
</head>
<body onload="myFun()">
<script>
function myFun()
{
alert("Welcome !!");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Practical 7</title>
<h1> ommousemove and onmousedown Event</h1>
<script>
function func1()
{
points.innerText="Now the mouse is moving !!";
}
function func2()
{
points.innerText="("+event.offsetX+","+event.offsetY+")";
}
</script>
</head>
<body onmousemove="func1()" onmousedown="func2()">
<center>
<span id="points">(0,0)</span>
<img src="mango.jpeg" style="position: absolute;top: 50;left: 90;">
</center>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script>
function out()
{
alert ("Mouse Out !!!");
}
function over()
{
alert("'You have placed mouse over a link' !!!");
}
</script>
</head>
<body>
<div onmouseover="over()" onmouseout="out()">
<a href="#">Place Mouse Over ME !! </a>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Practical 7</title>
<h1>On Blur Event</h1>
</head>
<body>
<input type="text" onblur="alert('Text input loses Focus !!')">
<input type="button" value="Submit">
</body>
</html>
