задачa с использованием Promise.
Pozhaliusta! Помогите с задачей с использованием Promise.
Этот вопрос состоит из 2 частей. Первая часть состоит в том, чтобы создать действительный (действительный в том, что он работает ..) Обещайте, что посмотрите на значения в двух разных текстовых полях на вашей странице. Если значения равны, скажите «Значения равны» в консоли. Если нет, скажите «Значения НЕ равны» в консоли. Если какое-либо из текстовых полей является неполным или не имеет значения длиной не менее 2 символов, покажите (отобразите) div, указав пользователю ввести (или указать) правильное значение для продолжения. Следующая часть этой проблемы - создание и добавление обработчика событий для кнопки, которая будет вызывать созданное вами Обещание, только при нажатии на него. |
Reshenie zadachi
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>
|
| Часовой пояс GMT +3, время: 13:53. |