How to enable spinner in javascript

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