Page 265 - Web_Application_v2.0_C12_Fb
P. 265
<HEAD>
<TITLE>JavaScript onfocus</TITLE>
</HEAD>
<SCRIPT>
function highlightField(element) {
element.style.background = "yellow";
}
</SCRIPT>
</HEAD>
<BODY>
<input type="text" onfocus="highlightField(this)" placeholder="Click here">
</BODY>
</HTML>
Output:
Example 73: To demonstrate the use of onchange event
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JavaScript onchange</TITLE>
</HEAD>
<SCRIPT>
function showChange() {
alert("Value changed!");
}
</SCRIPT>
</HEAD>
<BODY>
<select onchange="showChange()">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</BODY>
</HTML>
JavaScript Part 2 263

