Ciao ragazzi!
Come da titolo: ho un semplice cerchio a cui voglio cambiare colore al click.
Ma perchè non funziona la funzione da me definita?

codice:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="100%"
   height="100%"
   viewBox="0 0 1552 881"
   id="svg2">

   <script type="text/javascript">
   <![CDATA[
   function change()
   {   
      document.getElementById("circle").setAttribute("fill", "pink");
      alert("ciao");   
   } 
   ]]> 
   </script>
   <path
       d="m 547.74525,358.7305 a 166.4716,146.78142 0 1 1 -332.9432,0 166.4716,146.78142 0 1 1 332.9432,0 z"
       id="circle"
       style="fill:white;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0" 
       onclick="change()" />
</svg>