I typed the html css code of the spinner but in javascript I can not activate the spin button I want the rotate button to be activated with JavaScript but I do not know how
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Spinner</title>
<link rel="stylesheet" type="text/css" href="style.css" >
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>spinner</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="wheel">
<div class="spinner" id="spinner">
<div class="spin">
<span class="one"><strong>1</strong></span>
<span class="two"><strong>2</strong></span>
<span class="three"><strong>3</strong></span>
<span class="four"><strong>4</strong></span>
<span class="five"><strong>5</strong></span>
<span class="six"><strong>8</strong></span>
<span class="seven"><strong>7</strong></span>
<span class="eight"><strong>6</strong></span>
</div>
</div>
</div>
<button class="rotatewheel" onclick="magicWheel()">Rotate</button>
<script src="script.js"></script>
</body>
</html>
Its codes are also provided