JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="input">
            <input id="number" type="text"></input>
            <button onclick=calcIt()>Calculate</button>
    </div>
    <p id="answer"></p>
</body>

CSS

input{
    border-radius:5px;
}
input:focus{
    border-color:#ffff00;
    box-shadow:5px;
}
button{
    border-radius:5px;
    font-style:italic;
    text-transform:uppercase;
}
button:hover{
    opacity:0.6;
    background-color:#ffff00;
}
#answer{
    color:#ff0000;
    font-size:1.5em;
}

JavaScript

function calcIt(){
    var num = document.getElementById('number').value;
    if (num%60 === 0){
        document.getElementById('answer').innerHTML = num/60;
    }else{
        document.getElementById('answer').innerHTML = "This number is not divisible by 60!"
    }
};