Change colour of text on button click if checkbox not checked

HTML

<label class="checkbox-container" for="terms" id="termText">I agree
                    with the Terms and Conditions</label>
<input class="checkbox required" id="terms1" name="terms" type="checkbox">
<button id="click1">
Submit
</button>

JavaScript

document.getElementById("click1").onclick = function checkTerms(){
if((document.getElementById("terms1")).checked){
document.getElementById("termText").style.color = "black";

} else{
document.getElementById("termText").style.color = "red";
}
}