Skip to content

Commit 7a404a9

Browse files
Arucard89Arucard89
committed
reformat to 3 spaces
1 parent b4f2530 commit 7a404a9

File tree

4 files changed

+320
-316
lines changed

4 files changed

+320
-316
lines changed

Diff for: ‎css/main.css

+14-14
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
11
label {
2-
text-align: right;
2+
text-align: right;
33
}
44

55
#equalSign {
6-
text-align: right;
7-
margin-bottom: -5px;
8-
margin-top: -5px;
6+
text-align: right;
7+
margin-bottom: -5px;
8+
margin-top: -5px;
99
}
1010

1111
.row {
12-
margin-bottom: 10px;
13-
margin-top: 10px;
12+
margin-bottom: 10px;
13+
margin-top: 10px;
1414
}
1515

1616
#operationSignDiv {
17-
width: 80px;
17+
width: 80px;
1818
}
1919

2020
#calculatorForm {
21-
margin-top: 15px;
22-
outline: 1px solid lightgray;
23-
padding-bottom: 5px;
21+
margin-top: 15px;
22+
outline: 1px solid lightgray;
23+
padding-bottom: 5px;
2424
}
2525

2626
#formHeader {
27-
padding-left: 65px;
27+
padding-left: 65px;
2828
}
2929

30-
.wrongInput{
31-
background-color: lightcoral;
30+
.wrongInput {
31+
background-color: lightcoral;
3232
}
3333

3434
input {
35-
text-align: right;
35+
text-align: right;
3636
}

Diff for: ‎index.html

+94-90
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,108 @@
11
<!DOCTYPE html>
22
<html lang="ru">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<link rel="stylesheet" href="css/bootstrap.min.css">
7-
<link rel="stylesheet" href="css/main.css">
8-
<script src="js/jquery.min.js"></script>
9-
<script src="js/bootstrap.min.js"></script>
10-
<title>Длинная арифметика</title>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<link rel="stylesheet" href="css/bootstrap.min.css">
7+
<link rel="stylesheet" href="css/main.css">
8+
<script src="js/jquery.min.js"></script>
9+
<script src="js/bootstrap.min.js"></script>
10+
<title>Длинная арифметика</title>
1111
</head>
1212
<body>
13-
<div class="container">
14-
<div class="row col-sm-offset-2 col-sm-8">
15-
<form name="calculatorForm" id="calculatorForm" class="">
16-
<h3 id="formHeader">Длинная арифметика</h3>
17-
<div class="row">
18-
<div class="form-group">
19-
<label for="firstNumber" class="col-sm-3 control-label">Первое число</label>
20-
<div class="col-sm-8">
21-
<input autofocus tabindex="1" class="form-control input-sm" id="firstNumber" type="text" size="64" placeholder='Знаки "+", "-" и цифры. Не более 64 символов'>
22-
</div>
23-
</div>
24-
</div>
13+
<div class="container">
14+
<div class="row col-sm-offset-2 col-sm-8">
15+
<form name="calculatorForm" id="calculatorForm" class="">
16+
<h3 id="formHeader">Длинная арифметика</h3>
17+
<div class="row">
18+
<div class="form-group">
19+
<label for="firstNumber" class="col-sm-3 control-label">Первое число</label>
20+
<div class="col-sm-8">
21+
<input autofocus tabindex="1" class="form-control input-sm" id="firstNumber" type="text" size="64"
22+
placeholder='Знаки "+", "-" и цифры. Не более 64 символов'>
23+
</div>
24+
</div>
25+
</div>
2526

26-
<div class="row">
27-
<div class="form-group">
28-
<label for="operationSign" class="col-sm-3 control-label">Операция</label>
29-
<div class="col-sm-1" id="operationSignDiv">
30-
<select tabindex="3" class="form-control input-sm" id="operationSign">
31-
<option selected value="-">-</option>
32-
<option value="*">*</option>
33-
</select>
34-
</div>
35-
</div>
36-
</div>
27+
<div class="row">
28+
<div class="form-group">
29+
<label for="operationSign" class="col-sm-3 control-label">Операция</label>
30+
<div class="col-sm-1" id="operationSignDiv">
31+
<select tabindex="3" class="form-control input-sm" id="operationSign">
32+
<option selected value="-">-</option>
33+
<option value="*">*</option>
34+
</select>
35+
</div>
36+
</div>
37+
</div>
3738

38-
<div class="row">
39-
<div class="form-group">
40-
<label for="secondNumber" class="col-sm-3 control-label">Второе число</label>
41-
<div class="col-sm-8">
42-
<input class="form-control input-sm" tabindex="2" name="secondNumber" id="secondNumber" type="text" placeholder='Знаки "+", "-" и цифры. Не более 64 символов'>
43-
</div>
44-
</div>
45-
</div>
39+
<div class="row">
40+
<div class="form-group">
41+
<label for="secondNumber" class="col-sm-3 control-label">Второе число</label>
42+
<div class="col-sm-8">
43+
<input class="form-control input-sm" tabindex="2" name="secondNumber" id="secondNumber" type="text"
44+
placeholder='Знаки "+", "-" и цифры. Не более 64 символов'>
45+
</div>
46+
</div>
47+
</div>
4648

47-
<div class="row">
48-
<div class="col-sm-11" id="equalSign">=</div>
49-
</div>
49+
<div class="row">
50+
<div class="col-sm-11" id="equalSign">=</div>
51+
</div>
5052

51-
<div class="row">
52-
<div class="form-group">
53-
<label for="result" class="col-sm-3 control-label">Результат</label>
54-
<div class="col-sm-8">
55-
<input class="form-control input-sm" id="result" type="text" readonly="readonly" placeholder="Результат" tabindex="-1">
56-
</div>
57-
</div>
58-
</div>
53+
<div class="row">
54+
<div class="form-group">
55+
<label for="result" class="col-sm-3 control-label">Результат</label>
56+
<div class="col-sm-8">
57+
<input class="form-control input-sm" id="result" type="text" readonly="readonly"
58+
placeholder="Результат" tabindex="-1">
59+
</div>
60+
</div>
61+
</div>
5962

60-
<div class="row">
61-
<div class="col-sm-offset-10">
62-
<button tabindex="4" type="submit" class="btn btn-default" id="OKButton">OK</button>
63-
</div>
64-
</div>
63+
<div class="row">
64+
<div class="col-sm-offset-10">
65+
<button tabindex="4" type="submit" class="btn btn-default" id="OKButton">OK</button>
66+
</div>
67+
</div>
6568

66-
</form>
67-
</div>
68-
<div class="row col-sm-offset-2 col-sm-8">
69-
<div class="panel panel-default ">
70-
<div class="panel-heading">
71-
<strong>Инструкция по использованию калькулятора</strong>
72-
</div>
73-
<div class="panel-body">
74-
<p>
75-
Данный калькулятор предназначен для вычисления операций вычитания и умножения больших чисел.
76-
</p>
77-
<p>
78-
Ограничения по вводу:
79-
<ul>
80-
<li>Длина числа не более 64 символов</li>
81-
<li>Число может содержать только знаки "+" и "-"(первым символом) и цифры</li>
82-
</ul>
83-
</p>
84-
<p>
85-
Для получения результата:
86-
<ol>
87-
<li>Введите первое число в поле "Первое число"</li>
88-
<li>Введите второе число в поле "Второе число"</li>
89-
<li>Выберите действие в выпадающем поле "Операция": "-" - вычитание, "*" - умножение</li>
90-
<li>Нажмите кнопку "ОК" для того, чтобы получить результат</li>
91-
<li>Результат появится в строке "Результат"</li>
92-
</ol>
93-
</p>
94-
<p>
95-
<i>Примечание. Если какое-то из полей подсвечено красным, значит, в нем есть ошибка. Проверьте его на соответствие ограничениям, указанным выше.</i>
96-
</p>
97-
</div>
69+
</form>
70+
</div>
71+
<div class="row col-sm-offset-2 col-sm-8">
72+
<div class="panel panel-default ">
73+
<div class="panel-heading">
74+
<strong>Инструкция по использованию калькулятора</strong>
75+
</div>
76+
<div class="panel-body">
77+
<p>
78+
Данный калькулятор предназначен для вычисления операций вычитания и умножения больших чисел.
79+
</p>
80+
<p>
81+
Ограничения по вводу:
82+
<ul>
83+
<li>Длина числа не более 64 символов</li>
84+
<li>Число может содержать только знаки "+" и "-"(первым символом) и цифры</li>
85+
</ul>
86+
</p>
87+
<p>
88+
Для получения результата:
89+
<ol>
90+
<li>Введите первое число в поле "Первое число"</li>
91+
<li>Введите второе число в поле "Второе число"</li>
92+
<li>Выберите действие в выпадающем поле "Операция": "-" - вычитание, "*" - умножение</li>
93+
<li>Нажмите кнопку "ОК" для того, чтобы получить результат</li>
94+
<li>Результат появится в строке "Результат"</li>
95+
</ol>
96+
</p>
97+
<p>
98+
<i>Примечание. Если какое-то из полей подсвечено красным, значит, в нем есть ошибка. Проверьте его на
99+
соответствие ограничениям, указанным выше.</i>
100+
</p>
98101
</div>
99-
</div>
100-
</div>
101-
<script src="js/bignumberoperations.js"></script>
102-
<script src="js/main.js"></script>
102+
</div>
103+
</div>
104+
</div>
105+
<script src="js/bignumberoperations.js"></script>
106+
<script src="js/main.js"></script>
103107
</body>
104108
</html>

0 commit comments

Comments
 (0)