0% found this document useful (0 votes)
13 views4 pages

Practical 7

Uploaded by

Xenon Y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views4 pages

Practical 7

Uploaded by

Xenon Y
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

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>

You might also like