(Místo drak.svg použijte jméno svého obrázku)
<!DOCTYPE html> <html lang="cs"> <head> <meta charset="utf-8" /> <title>Titulek</title> <style> /* Vychozi CSS stylovani prijde sem*/ body { text-align: center; } img { max-width: 40em; } </style> <script> let otoceni = 10 let kliknuto = false function otoc(){ if(kliknuto){ otoceni += 1 } const obrazek = document.getElementById("drak-obrazek") // obrazek.style.transform = "rotate(" + otoceni + "deg)" obrazek.style.transform = `rotate(${otoceni}deg)` } setInterval(otoc, 33) </script> </head> <body> <img src="drak.svg" alt="Drak" id="drak-obrazek" onmouseup="kliknuto = false" onmousedown="kliknuto = true"> </body> </html>