Задать вопрос
@e1_ing
javascript

Как выводить alert через три секунды после нажатия кнопки?

Alert вылетает через три секунды, но при этом не передаётся в него сообщение из функции derive. Если setTimeout убрать, то сообщение из функции derive отображается в alert исправно. Не понимаю что не верно...

<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>задание</title>
<link type="text/css" rel="stylesheet" href="test_Elya.css" />
</head>
<body>
<script src="https://code.jquery.com/jquery-2.1.0.js"></script>
<form name = "search">
<input id="field" type = "text" value="" placeholder="Введите текст" size="70"> </input>
<button id="clack" type = "submit"> Найти </button>
</form>
<script>
var derive = function (textInField){
	var textInField = document.getElementById("field").value;
	if (textInField === "google") {
	alert ("Yandex не круче. Это точно.");
	} else {
	alert (textInField);
	};
};
$("#clack").click(setTimeout(derive, 3000));
</script>
</body>
</html>
  • Вопрос задан
  • 615 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
webdisigner
@webdisigner
У вас типичная ошибка из-за того что вы вешаете листенер на submit
Если вы работаете без серверных технологий то вешайте на обычные кнопки
или отключайте поведение через
e.preventDefault();

var derive = function (textInField ){
  var textInField = document.getElementById('field').value;
  if (textInField === "google") {
  alert ("Yandex не круче. Это точно.");
  } else {
  alert (textInField);
  };
};
$("#clack").click(e=>{
  e.preventDefault();
  setTimeout(_=>derive(), 3000)
})
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
Используйте setTimeout()
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Кастомизация стандартного функционала Битрикс24
25 апр. 2024, в 11:33
7000 руб./за проект
Обновить C# приложения с net4 до net8. Платформа для трейдинга
25 апр. 2024, в 11:33
2500000 руб./за проект
Монтаж ролика для инстаграм
25 апр. 2024, в 11:26
500 руб./за проект
Ещё заказы