How to start a SVG animation with a click of a button?

Question

this SVG animation : https://code.sololearn.com/WvdziSo2e72X/?ref=app

Answer 1

Thats one dirty way to do so :

window.onload = function() {
document.querySelector('.first').addEventListener('click', function() {
var elements = document.querySelectorAll('animate');
var repeat = 150;
if (elements[0].getAttribute('repeatCount') != 0) {
repeat = 0;
}
for (var i = 0; i < elements.length; i++) {
elements[i].setAttribute('repeatCount', repeat);
}
}, false);
}

Click on your name to start/stop the animation

Answer 2

I am not an expert in html, but make a function in js that starts the animation and the activate it when the btn is clicked.

Answer 3

with the onclick attribute

Answer 4

Feichtinger Andreas how?

Answer 5

write a a js function that sets the repeatcounter

Answer 6

Thank you, Alexander Schwirjow!!