Apakah benar cara membuat chapta seperti ini?

<style>
	h1 {
		border: 1px solid black;
		display: inline-block;
		transform: rotate(-8deg);
	}
</style>

<h1 id="text"></h1>
<input type="text" id="validate">
<button onclick="valid()">Check</button>

<script>
	var chapta = ["kambing", "kucing"];
	var i = Math.floor((Math.random() * 2) + 0);
	console.log(i)
	document.getElementById("text").innerHTML = chapta[i];

	function valid() {
		if(document.getElementById("text").innerHTML == document.getElementById("validate").value) {
			alert("Bener gan!")
		} else {
			alert("Salah gan")
		}
	}
</script>

apakah cara diatas benar dan aman?