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