А у Вас счастливый билетик? Проверьте!

Проверить счастливый билетик онлайн

Приветствую вас дорогие друзья! В данной статье будет рассмотрена простенькая проверка автобусного билета на предмет того – является ли он счастливым или нет, посредством языка javascript!

Итак, давайте сначала вспомним как нужно определять счастливый билетик.

На билете имеются число, состоящее из шести (6) цифр и билетик является счастливым в том случает, если сумма первых трех (3) цифр равна (=) сумме трех (3)  последних цифр.

Вот примеры счастливых билетиков:

Счастливый автобусный билет

Число на зеленом билете: 172217

1+7+2 = 2+1+7 = 10

Вот еще один пример..

автобусный счастливый билет - второй

Число на синем билете: 192435

1+9+2 = 4+3+5 = 12

А теперь, как я и сказал в начале статьи, давайте рассмотрим код на языке javascript, который реализует проверку билета..

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf8'>
<link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" />
<title>Проверяем - счасливый ли билет? Seo блог sergey-oganesyan.ru</title>
</head>
<body>
<script type="text/javascript">
				
				//Функция для проверки введенного числа
		function check(){
			var number = document.getElementById('number').value;
				
				//Выполняем проверку введенных данных
			if(number === '' || number.length != 6 || isNaN(number)) document.getElementById('result').innerHTML='Вы ввели пустое либо неверное значение!';
			
			else{		//Получаем сумму первых трех чисел
				one = parseInt(number.substr(0, 1), 10) + parseInt(number.substr(1, 1), 10) + parseInt(number.substr(2, 1), 10);
						
						//Получаем сумму последних трех чисел
				two = parseInt(number.substr(3, 1), 10) + parseInt(number.substr(4, 1), 10) + parseInt(number.substr(5, 1), 10);
					
					//Если суммы равны, то билетик является счастлыв - выводим соответствующее сообщение
				if(one == two) document.getElementById('result').innerHTML='У Вас счастливый билетик! Поздравляем!';
				else document.getElementById('result').innerHTML='К сожалению билетик несчастливый..';
			}
		}
		
</script>
<center><input id="number" name="number" style="width: 200px; height: 40px; padding: 8px; color: #666; font-size: 50px;" placeholder="Число.." required type="text">
<p style="color: #333333;font-size: 25px;font-weight: bold;" id="result"></p>
<input class="myButton" type="submit" onclick="check()" style="width: 216px; cursor: pointer;height: 60px;" value="Проверить билетик"></center>
	<center><br><a href="http://sergey-oganesyan.ru/javascript-s-primerami/proverit-schastlivyj-biletik.html" class="myButton" target="_blank">Вернуться к статье</a> 
	<a class="myButton"  href="http://sergey-oganesyan.ru/" target="_blank">sergey-oganesyan.ru</a></center>
</body>
</html>

В данном примере, при клике на кнопку – “Проверить билетик”, вызывается функция check , далее в переменную number помещаем значение из текстового поля (путем выборки по id).

Думаю, дальнейшее описание излишне, так как в коде я привел подробные комментарии, стоит лишь сказать об использовании двух стандартных функций:

1) parseInt

2) substr

Первая функция (parseInt) преобразует строковое значение в числовую, пример:

var number = parseInt("34", 10);

В переменной number окажется число 34 (изначально 34 – это строка, так как. заключена в кавычки), второй параметр отвечает за систему счисления, в нашем случае это десятичная система счисления.

Вторая функция (substr) возвращает подстроку, она принимает два параметра: первый параметр – это индекс начального символа, второй – это количество символов, пример:

var string = "Привет";
var newString = string .substr(0,3);

В переменной newString окажется “При”

var newString = string .substr(2,4);

В переменной newString окажется “ивет”

Вот так выглядит демо вариант..

Demo Счастливый билет

Скачать пример

На этом все, желаю вам удачи, пока!


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

code

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>