<p onmouseover="zmiana_tla()" id="id_onmouseover">
   Zdarzenie onmouseover
</p>

<script>
   function zmiana_tla(){
      var x = document.getElementById('id_onmouseover');
      x.style.backgroundColor="green";
   }
</script>

Zdarzenie onmouseover

<p onmouseover="zmiana_tla2()" id="id_onmouseover_2">
   Zdarzenie onmouseover
</p>

<script>
   function zmiana_tla2(){
      var x = document.getElementById('id_onmouseover_2');
      x.style.backgroundColor="rgb("+
         Math.random()*(255)+","+
         Math.random()*(255)+","+
         Math.random()*(255)+" )";
   }
</script>

Zdarzenie onmouseover

<p onclick="powiekszTekst()" id="id_onclick">
   Zdarzenie onclick
</p>

<script>
   var wielkosc_tekstu = 16;
   function powiekszTekst(){
      var x = document.getElementById('id_onclick');
      x.style.fontSize=wielkosc_tekstu+"px";
      wielkosc_tekstu+=1;
      if(wielkosc_tekstu > 68)
         wielkosc_tekstu = 20;
   }
</script>

Zdarzenie onclick