(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>