JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<meta charset="utf-8">
</head>
<style type="text/css">
	.out{
		border: 2px solid black;
		width: 100px;
	}
</style>
<body>

<input class="hui" type="form" name="Введите шестизначное число">
<input id="btn" type="button" value="Отправить">

<div class="out"></div>


<script type="text/javascript" src="add.js"> </script>

</body>
</html>

JavaScript

btn.addEventListener("click", calc)

function calc() {
 var inp = document.querySelector(".hui")
 var output = document.querySelector(".out")
 if(inp.value.length!==6) {
 	output.innerHTML = "Ошибка, введите шестизначное число"
 }

 else if(isNaN(inp.value)){
   output.innerHTML = "Ошибка, введите число"
 }

 else {var first = inp.value.substring(0,3)
 var second = inp.value.substring(3)

 var firstArr = first.split("")
 var secondArr = second.split("")

 var result1 = (parseInt(firstArr[0]) + parseInt(firstArr[1]) + parseInt(firstArr[2]))
 var result2 = (parseInt(secondArr[0]) + parseInt(secondArr[1]) + parseInt(secondArr[2]))

if(result2===result2){
	output.innerHTML = "Верно"
}
else{
output.innerHTML = "Неверно"
}
}
}