Skip to content
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

Дз4 #11

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

Дз4 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
4472382
Дз4
IrinaGr Nov 15, 2012
b4c412a
с jQuery
IrinaGr Dec 2, 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
85 changes: 85 additions & 0 deletions 4/Calculate.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
/*jslint plusplus: true, browser: true, devel: true */

var znak = false; // false, если до этого либо ничего не записывали, либо вводили число. true, если до этого был введен знак
var operand = 0; // сохраняет текущее значение
var s = ""; // последний введенный знак0

function createNumber() {
"use strict";
var n = this.value,
result = ($(".result")).val();

if (znak) {
result = n;
znak = false;
} else {
if (result === "0") {// если был ноль - меняем его на число
result = n;
} else {// иначе приписываем число
result = result + n;
}
}
($(".result")).val(result);
}

function Operation() {
"use strict";
var Op = this.value,
result = ($(".result")).val();
if (znak && s !== "=") {// если ввели, например, "++"
result = operand;
} else {
znak = true;
if (s === "+") {
operand = operand + parseFloat(result);
}
if (s === "-") {
operand = operand - parseFloat(result);
}
if (s === "/") {
operand = operand / parseFloat(result);
}
if (s === "*") {
operand = operand * parseFloat(result);
}
if (s === "=" || s === "") {
operand = parseFloat(result);
}
result = operand;
s = Op;
}
($(".result")).val(result);
}

function point() {
"use strict";
var result = ($(".result")).val();
if (znak) {
result = "0.";
znak = false;
} else {
if (result.indexOf(".") === -1) { // если точки еще не было - дописываем. Иначе - игнорируемы
result = result + ".";
}
}
($(".result")).val(result);
}

$(document).ready(function () {
"use strict";
var $button_number = $(".button_type_number"),
$button_znak = $(".button_type_znak"),
$button_point = $(".button_type_point");

$('#Form').submit(function () { "use strict"; return false; });

$button_number.each(function (index, element) {
$(element).click(createNumber);
});
$button_znak.each(function (index, element) {
$(element).click(Operation);
});
$button_point.each(function (index, element) {
$(element).click(point);
});
});
32 changes: 32 additions & 0 deletions 4/Calculator.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Калькулятор </title>
<link rel="stylesheet" type="text/css" href="Style.css">
<script type="text/javascript" src="http://yandex.st/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="Calculate.js"></script>
</head>

<body>
<form name="calculator" id="Form">
<button class="button_type_number" name="Ноль-0" value="0"> 0 </button>
<button class="button_type_point" name="Точка-0" value="."> . </button>
<button class="button_type_znak" name="Равно-0" value="=">=</button>
<button class="button_type_number" name="Один-1" value="1"> 1 </button>
<button class="button_type_number" name="Два-1" value="2"> 2 </button>
<button class="button_type_number" name="Три-1" value="3"> 3 </button>
<button class="button_type_number" name="Четыре-2" value="4"> 4 </button>
<button class="button_type_number" name="Пять-2" value="5"> 5 </button>
<button class="button_type_number" name="Шесть-2" value="6"> 6 </button>
<button class="button_type_number" name="Семь-3" value="7"> 7 </button>
<button class="button_type_number" name="Восемь-3" value="8"> 8 </button>
<button class="button_type_number" name="Девять-3" value="9"> 9 </button>
<button class="button_type_znak" name="Плюс" value="+"> + </button>
<button class="button_type_znak" name="Минус" value="-"> - </button>
<button class="button_type_znak" name="Умножить" value="*"> * </button>
<button class="button_type_znak" name="Разделить" value="/"> / </button>
<input class="result" name="res" type="text" value="0"/>
</form>
</body>
</html>
66 changes: 66 additions & 0 deletions 4/Style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
form {
width: 300px;
height: 420px;
position: absolute;
left: 50%;
margin-left: -150px;
top: 50px;
border: 5px solid #D0ECF4;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1));

}

input {
height: 90px;
width: 290px;
font-size: 150%;
text-align: right;
}
button {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#D0ECF4), to(#D0ECF4), color-stop(0.5, #5BC9E1));
height: 80px;
position: absolute;
font-size: 150%;
width: 75px;
}
button[name*="0"] {
bottom: 0;
width: 75px;
}
button[name*="1"] {
bottom: 80px;
width: 75px;
}
button[name*="2"] {
bottom: 160px;
width: 75px;
}
button[name*="3"] {
bottom: 240px;
width: 75px;
}
button[name*="Ноль"] {
width: 150px;
}
button[name*="Точка"],[name*="Три"],[name*="Шесть"],[name*="Девять"] {
left: 150px;
}
button[name*="Два"],[name*="Пять"] ,[name*="Восемь"]{
left: 75px;
}
button[name*="Равно"],[name*="Плюс"],[name*="Минус"],[name*="Умножить"],[name*="Разделить"] {
right: 0;
height: 64px;
}
button[name*="Плюс"] {
bottom: 64px;
}
button[name*="Минус"] {
bottom: 128px;
}
button[name*="Умножить"] {
bottom: 192px;
}
button[name*="Разделить"] {
bottom: 256px;
}