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



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

Приветствую вас дорогие друзья! В данной статье будет рассмотрена простенькая проверка автобусного билета на предмет того – является ли он счастливым или нет, посредством языка 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 Счастливый билет

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

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



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

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

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

*

code

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