<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 연습용 </TITLE>
 </HEAD>
 <script>
  function ff(){
   myp.innerHTML='zzzzz';
  }
  function f2(){
   myp.innerHTML='매렁';
  }
  function f3(objName){
   var obj = document.getElementById(objName);
   obj.style.textDecoration='underline';
   obj.style.color='#ff0000';
  }
  function f4(objName){
   var obj = document.getElementById(objName);
   obj.style.textDecoration='none';
   obj.style.color='#000000';
  }
  
 </script>
<BODY>
 <input type=button value="실행" onclick="ff();"> 
 <p id=myp onclick="f2();" onmouseover="f3('myp');" onmouseout="f4('myp');">myp</p>
 <p id=myp2 onclick="f2();" onmouseover="f3('myp2');" onmouseout="f4('myp2');">myp2</p>

 

 </BODY>
</HTML>