Svg circle animation

Question

Hello,
I'm trying to do a basic circle animation in HTML, where the circle starts moving to the right for some time and then resets. We did the same in the SoloLearn example but with a rectangle.

So why does this code not work?:

<svg width="2000" height="2000">
<circle cx="80" cy="80" r="50" fill="green" />
<animate attributeName="cx" from="0" to="300" dur="3s" fill="freeze" repeatCount="3" begin="click"/>
</circle>
</svg>

Answer 1

Thanks Satnam Singh. It worked