Skip to content

Калькулятор #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mopdobopot wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Калькулятор #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1b37c22
Калькулятор
mopdobopot Nov 16, 2012
46f2498
Исправил ошибочку
mopdobopot Nov 16, 2012
9392b8d
Косметические правки css
mopdobopot Nov 16, 2012
57a2e30
Исправил ошибочку
mopdobopot Nov 16, 2012
fc3703c
Добавил комментарии к JS
mopdobopot Nov 16, 2012
4b4cb47
Ещё немного комментариев
mopdobopot Nov 16, 2012
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions calc.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
.calc {
width: 350px;
height: 430px;
padding: 15px;
border: 1px solid #cdcdcd;
border-radius: 2px;
background: #BADBAD;
margin: auto;
margin-bottom: 30px;
}
.display {
width: 330px;
height: 50px;
padding: 10px;
margin-bottom: 12px;
background: #F0F8FF;
border: 1px solid #cdcdcd;
border-radius: 2px;
font: 40px Tahoma;
text-align: right;
overflow: hidden;
}
.but {
width: 60px;
height: 60px;
margin: 2px;
border: 1px solid #cdcdcd;
border-radius: 4px;
padding: 10px;
font: 50px Tahoma;
color: #333;
text-align: center;
float: left;
background: #F0F8FF;
cursor: pointer;
}
.but:hover {
background: #CADABA;
}
.but:active {
background: #6B8E23;
}
#div, #mul, #sub, #c {
margin-left: 10px;
margin-right: 0px;
}
#c {
height: 64px;
padding-top: 6px;
}
49 changes: 49 additions & 0 deletions calc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE HTML>
<html>
<head>
<title>4</title>
<style>
BODY {
background: #efefef;
}
.title {
font: bold 60px Calibri;
display: block;
text-align: center;
margin-top: 50px;
}
.subtitle {
font: normal 18px Calibri;
display: block;
text-align: center;
margin-bottom: 70px;
}
</style>
<link type="text/css" rel="stylesheet" href="calc.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="calc.js"></script>
</head>
<body>
<span class="title">������� 4</span>
<span class="subtitle">����������� �� Javascript</span>
<div class="calc">
<div class="display">0</div>
<div class="but">7</div>
<div class="but">8</div>
<div class="but">9</div>
<div class="but">c</div>
<div class="but">4</div>
<div class="but">5</div>
<div class="but">6</div>
<div class="but">/</div>
<div class="but">1</div>
<div class="but">2</div>
<div class="but">3</div>
<div class="but">*</div>
<div class="but">=</div>
<div class="but">0</div>
<div class="but">+</div>
<div class="but">-</div>
</div>
</body>
</html>
29 changes: 29 additions & 0 deletions calc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
$(document).ready(function() {
var expr = '';
/* ������� ���������� ��� ������� �� ����� ������.
�� ������ ������, � ���������� expr ��������
���������, ������� ���� �������� � ����������
���������� ������ �������.
������� ��������� ����� �������� exp � �������
���, � ����� ����� ������.
*/
$('.but').click(function() {
if (expr === 'Division by zero') // ����� ������ ������� �� ����, ���������� �������� ������
expr = '';
var $cur = $(this).html(); // � $cur �������� ��, ��� ���� ������
if ($cur === 'c') // ���� ����� "�����"
expr = '0'
else if ($cur in ['0','1','2','3','4','5','6','7','8','9']) // ���� ������ �����
if (expr == '0')
expr = $cur // ���� �� ������� 0, �������� ��� �� ������� �����
else
expr += $cur // �����, ������ ����������� ������� �����
else if ($cur === '=') // ���� ����� ���� ���������
expr = eval(expr) // �� ������� ��������� (���� ��� ����� ������� eval())
else
expr = expr + ' ' + $cur + ' '; // ���� ����� ���� ��������, �� �������, � ���������, ������� ���
if (Math.abs(expr) === Infinity) // ���� � ���������� ���������� ���������� �������������, �������� �� ������
expr = 'Division by zero';
$('.display').html(expr); // ������� ����� ��������� �� �������
});
});