Esli komu ponadobitsya
<!DOCTYPE html>
<html lang="en">
<body>
<div class="section">
<div id="form">
<form action="" onsubmit="ValueCompare()">
<input type="text" min="2" name="" id="1">
<input type="text" min="2" name="" id="2">
<p id="error"></p>
<p id="message"></p>
<div id="compare-btn">
<button type="submit">Compare</button>
</div>
</form>
</div>
</div>
<script>
function getPromise(v1, v2) {
return new Promise((resolve, reject) => {
if (v1 === v2) {
resolve("Values are equal.");
} else {
reject("Values are NOT equal.");
}
});
}
function ValueCompare() {
let v1=document.getElementById("1").value;
let v2=document.getElementById("2").value;
if(v1.length<2 || v2.length<2){
document.getElementById("message").innerHTML="";
document.getElementById("error").innerHTML="Value must be long";
event.preventDefault();
}else{
document.getElementById("error").innerHTML="";
getPromise(v1, v2).then(message => {
document.getElementById("message").innerHTML=message;
console.log(message);
}).catch(message=>{
document.getElementById("message").innerHTML="";
document.getElementById("error").innerHTML=message;
console.log(message);
})
event.preventDefault();
}
}
</script>
</body>
</html>