Простой калькулятор

@studlife · Регистрация: 14.01.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте! Помогите пожалуйста сделать так, чтобы калькулятор считал корень, проценты, "+/-" и "." Помогите хотя бы с чем-нибудь
Заранее благодарю)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> Калькулятор </title>
</head>
    <script type="text/javascript" language="javascript" src="js/main.js"></script>
</head>
<body>
  <input id="okno" type="text" value="" />
  <br />
  <input id="but_1" type="button" value="1" />
  <input id="but_2" type="button" value="2" />
  <input id="but_3" type="button" value="3" />
  <input id="plus" type="button" value="+" />
  <br />
  <input id="but_4" type="button" value="4" />
  <input id="but_5" type="button" value="5" />
  <input id="but_6" type="button" value="6" />
  <input id="sub" type="button" value=" - " />
  <br />
  <input id="but_7" type="button" value="7" />
  <input id="but_8" type="button" value="8" />
  <input id="but_9" type="button" value="9" />
  <input id="mult" type="button" value=" * "  />
  <input id="otr" type="button" value="+/-" />
  <br /> 
  <input id="but_0" type="button" value="0" />
  <input id="div" type="button" value=" / " />
  <input id="calculate" type="button" value="  =  " />
  <input id="clr" type="button" value=" C " />
  <input id="pr" type="button" value="%" />
</body>
</html>

Собственно вот сам код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
var A,B,C;
var action = "+";
 
function getValue(id) {
    var res = document.getElementById(id).value - 0;
    if (!isNaN(res)) 
        return res;
    alert("В элементе " + id + " не численное значение!!!");
}
 
function PutNum(val) {
    document.getElementById("okno").value = (document.getElementById("okno").value + val)-0;
 
}
 
function plus () {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "+";
}
 
function sub() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "-";
}
 
function mult() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "*";
}
 
function div() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "/";
}
 
function clr() {
    document.getElementById("okno").value = 0;
}
 
 
function calculate() {
    B = getValue("okno");
    switch(action) {
        case "+":
            C = A + B;
            break;
        case "-":
            C = A - B;
            break;
        case "*":
            C = A * B;
            break;
        case "/":
            if (B == 0) {
                alert("Нельзя делить на ноль!");
            }
            else {
                C = A / B;
            }
            break;
    }
    document.getElementById("okno").value = C;
}
 
window.onload = function () {
 
    for (var i = 0; i < 10; i++) {
        (function (val) {
            document.getElementById("but_" + val).onclick = function () {
                PutNum(val);
            }
        })(i);
    }
    document.getElementById("plus").addEventListener("click", plus);
    document.getElementById("calculate").addEventListener("click", calculate);
    document.getElementById("sub").addEventListener("click", sub);
    document.getElementById("mult").addEventListener("click", mult);
    document.getElementById("div").addEventListener("click", div);
    document.getElementById("clr").addEventListener("click", clr);
    document.getElementById("pr").addEventListener("click", percent);
    document.getElementById("otr").addEventListener("click", otr);
}

@Заглянувший · 18.03.2014, 21:38

Добавил корень и +/-

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> Калькулятор </title>
</head>
    <script type="text/javascript" language="javascript" src="js/main.js"></script>
</head>
<body>
  <input id="okno" type="text" value="" />
  <br />
  <input id="but_1" type="button" value="1" />
  <input id="but_2" type="button" value="2" />
  <input id="but_3" type="button" value="3" />
  <input id="plus" type="button" value="+" />
  <br />
  <input id="but_4" type="button" value="4" />
  <input id="but_5" type="button" value="5" />
  <input id="but_6" type="button" value="6" />
  <input id="sub" type="button" value=" - " />
  <br />
  <input id="but_7" type="button" value="7" />
  <input id="but_8" type="button" value="8" />
  <input id="but_9" type="button" value="9" />
  <input id="mult" type="button" value=" * "  />
  <input id="otr" type="button" value="+/-" />
  <br /> 
  <input id="but_0" type="button" value="0" />
  <input id="div" type="button" value=" / " />
  <input id="calculate" type="button" value="  =  " />
  <input id="clr" type="button" value=" C " />
  <input id="pr" type="button" value="%" />
  <input id="rootBtn" type="button" value="&radic;" />
<script>
var A,B,C;
var action = "+";
 
function getValue(id) {
    var res = document.getElementById(id).value - 0;
    if (!isNaN(res)) 
        return res;
    alert("В элементе " + id + " не численное значение!!!");
}
 
function PutNum(val) {
    document.getElementById("okno").value = (document.getElementById("okno").value + val)-0;
 
}
 
function plus() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "+";
}
 
function sub() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "-";
}
 
function mult() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "*";
}
 
function div() {
    A = getValue("okno");
    document.getElementById("okno").value = 0;
    action = "/";
}
 
function clr() {
    document.getElementById("okno").value = 0;
}
function calcRoot() {
    A = getValue("okno");
    document.getElementById("okno").value = Math.sqrt(A);
}
function otr() {
    A = getValue("okno");
    document.getElementById("okno").value = 0-A;    
}
 
function calculate() {
    B = getValue("okno");
    switch(action) {
        case "+":
            C = A + B;
            break;
        case "-":
            C = A - B;
            break;
        case "*":
            C = A * B;
            break;
        case "/":
            if (B == 0) {
                alert("Нельзя делить на ноль!");
            }
            else {
                C = A / B;
            }
            break;
    }
    document.getElementById("okno").value = C;
}
 
window.onload = function () {
 
    for (var i = 0; i < 10; i++) {
        (function (val) {
            document.getElementById("but_" + val).onclick = function () {
                PutNum(val);
            }
        })(i);
    }
    document.getElementById("plus").addEventListener("click", plus);
    document.getElementById("calculate").addEventListener("click", calculate);
    document.getElementById("sub").addEventListener("click", sub);
    document.getElementById("mult").addEventListener("click", mult);
    document.getElementById("div").addEventListener("click", div);
    document.getElementById("clr").addEventListener("click", clr);
    document.getElementById("rootBtn").addEventListener("click", calcRoot);
    document.getElementById("otr").addEventListener("click", otr);
    document.getElementById("pr").addEventListener("click", percent);
}
</script>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .