Student
<!DOCTYPEhtml>
<html>
<head>
<title>JavaScriptExample</title>
<style>
#name{
Font-size:14px;
Color:black;
}
</style>
</head>
<body>
<inputtype=”text”id=”name”onblur=”changeStyle()”onmouseover=”changeSize()”
onmouseout=”resetSize()”onmousedown=”changeColor()”onmouseup=”resetColor()”>
<imgid=”img”src=https://via.placeholder.com/150onload=”changeImageSize()”>
<script>
FunctionchangeStyle(){
Letname=document.getElementById(“name”).value;
If(name){
Document.getElementById(“name”).style.fontSize=“18px”;
Document.getElementById(“name”).style.color=“red”;
}else{
Document.getElementById(“img”).style.display=“block”;
}
}
FunctionchangeSize(){
Document.getElementById(“name”).style.fontSize=“16px”;
}
FunctionresetSize(){
Document.getElementById(“name”).style.fontSize=“14px”;
}
FunctionchangeColor(){
Document.getElementById(“name”).style.color=“blue”;
}
FunctionresetColor(){
Document.getElementById(“name”).style.color=“red”;
}
FunctionchangeImageSize(){
Document.getElementById(“img”).style.width=“200px”;
Document.getElementById(“img”).style.height=“200px”;
}
</script>
</body>
</html>