JavaScript: Бесплатное гадание онлайн для своего сайта

24.07.2018 09:25:16 am

Появилась идея написать сценарий, который отвечал бы на вопросы пользователей сайта, так сказать гадание онлайн, совершенно бесплатно. Язык я выбрал JavaScript, он вполне подходит для этого дела. Ни чего сложного, все довольно просто, немного кода и онлайн гадание готово. Сейчас покажу, что у меня получилось.

Значит, для того, чтобы пользователь смог получить ответ на свой (любой) вопрос, ему необходимо нажать на кнопку. Код блока с кнопкой и выводом ответа:

<div>
	<p>Задайте вопрос и нажмите кнопку для получения ответа</p>
	<button id="augury">Гадать</button>
	<div id="answer"></div>
</div>

И сам сценарий:

// Массив с вариантами ответов
var option = [
	'Да',
	'Нет',
	'Скорее всего да',
	'Скорее всего нет',
	'Скоро',
	'Ни когда'
];

var augury = document.getElementById('augury');
var answer = document.getElementById('answer');
var n;

// Функция выполняется по клику на кнопку <button id="augury">
augury.onclick = function() {
	// Выбираем случайный ответ
	n = Math.round(Math.random() * (option.length - 1));

	// Выводим ответ в блок <div id="answer">
	answer.innerHTML = option[n];
};

По желанию, в массив можно добавить больше вариантов ответов или изменить текущие.

Жалоба

24.07.2018 09:10:42 pm

Немного доработал сценарий, теперь перед тем, как появится ответ, пройдет четыре секунды. В течении трех секунд будет отображена надпись "Гадаю", к ней будет добавляться по одной точке, с каждой секундой.

var option = ['Да', 'Нет', 'Скорее всего да', 'Скорее всего нет', 'Скоро', 'Ни когда'];

var augury = document.getElementById('augury');
var answer = document.getElementById('answer');
var n;

augury.onclick = function() {
	answer.innerHTML = 'Гадаю';
	setTimeout(timer, 1000, 3);
};

function timer(s) {
	if (s != 0) {
		s--;
		answer.innerHTML += '.';
		setTimeout(timer, 1000, s);
	}
	else {
		n = Math.round(Math.random() * (option.length - 1));
		answer.innerHTML = '<div style="color: #008000;">' + option[n] + '</div>';
	};
};

Жалоба