Самопроизвольное изменение свойств input

@Creeperasha · Регистрация: 06.03.2016

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

Встретился с проблемой: в свойство value тэга input самопроизвольно записывается значение, хотя я его только считываю. Вот код:

PHP/HTML
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<HTML>
    <head>
        <meta charset="utf-8">
        <script>
            one = function(a, b) {
                for (var i = 0; i < a.length; i++) {
                    k[i] = 0;
                }
                if (b > 10) {
                    three(a);
                }
                two(a, b);
            }
            two = function(x, y) {
                for (var i = 0; i < x.length; i++) {
                    if (k[i] <= 0) {
                        k[i] = x[i] * 1;
                    }
                }
                k.reverse();
                for (var i = 0; i < x.length; i++) {
                    c += k[i] * Math.pow(y, i);
                }
            }
            three = function(h) {
                for (var i = 0; i <= h.length; i++) {
                    switch (h[i]) {
                        case "A":
                            k[i] = 10;
                            break;
                        case "B":
                            k[i] = 11;
                            break;
                        case "C":
                            k[i] = 12;
                            break;
                        case "D":
                            k[i] = 13;
                            break;
                        case "E":
                            k[i] = 14;
                            break;
                        case "F":
                            k[i] = 15;
                            break;
                        case "G":
                            k[i] = 16;
                            break;
                        case "H":
                            k[i] = 17;
                            break;
                        case "I":
                            k[i] = 18;
                            break;
                        case "J":
                            k[i] = 19;
                            break;
                        case "K":
                            k[i] = 20;
                            break;
                        case "a":
                            k[i] = 10;
                            break;
                        case "b":
                            k[i] = 11;
                            break;
                        case "c":
                            k[i] = 12;
                            break;
                        case "d":
                            k[i] = 13;
                            break;
                        case "e":
                            k[i] = 14;
                            break;
                        case "f":
                            k[i] = 15;
                            break;
                        case "g":
                            k[i] = 16;
                            break;
                        case "h":
                            k[i] = 17;
                            break;
                        case "i":
                            k[i] = 18;
                            break;
                        case "j":
                            k[i] = 19;
                            break;
                        case "k":
                            k[i] = 20;
                            break;
                    }
                }
            }
            first = function() {
                /*z=prompt("Введите действие (-,+,/,*):");
                switch(z) {                    
                case "-":  z=1;
                            break;
                        case "+":  z=2;
                            break;
                        case "/":  z=3;
                            break;
                        case "*":  z=4;                
                }
                q=prompt("Введи число 1:");
                w=prompt("Введи число 2:");
                r=prompt("Введи основание системы чисел в которой переводить (до 20):")*1;*/
                u = 0;
                c = 0;
                t = 0;
                y = 0;
                r *= 1;
                g = [];
                k = [];
                l.value = s.value * p.value;
                if (r > 0 && q != null && 2 != null && r > 0 && q != undefined && 2 != undefined) {
                    one(q, r);
                    t = c;
                    c = 0;
                    one(w, r);
                    y = c;
                    switch (z) {
                        case 1:
                            u = t - y;
                            break;
                        case 2:
                            u = t + y;
                            break;
                        case 3:
                            u = t / y;
                            break;
                        case 4:
                            u = t * y;
                    }
                    second(u, r);
                    g.reverse();
                    if (r > 10) {
                        four(g);
                    }
                    n = document.getElementById("vyvod1");
                    n.innerHTML = g.join("");
                }
            }
            second = function(x, y) {
                while (x >= y) {
                    c = x;
                    while (x % y != 0) {
                        x--;
                    }
                    g.push(c - x);
                    x /= y;
                }
                if (x < y) {
                    g.push(x);
                } else {
                    if (y < 11) g.push(x);
                }
            }
            four = function(h) {
                for (var i = 0; i <= h.length; i++) {
                    switch (h[i]) {
                        case 10:
                            h[i] = "A";
                            break;
                        case 11:
                            h[i] = "B";
                            break;
                        case 12:
                            h[i] = "C";
                            break;
                        case 13:
                            h[i] = "D";
                            break;
                        case 14:
                            h[i] = "E";
                            break;
                        case 15:
                            h[i] = "F";
                            break;
                        case 16:
                            h[i] = "G";
                            break;
                        case 17:
                            h[i] = "H";
                            break;
                        case 18:
                            h[i] = "I";
                            break;
                        case 19:
                            h[i] = "J";
                            break;
                        case 20:
                            h[i] = "K";
                            break;
                    }
                }
            }
        </script>
        <style type="text/css">
            #plus {
                position: absolute;
                top: 5;
                left: 180;
            }
            
            #minus {
                position: absolute;
                top: 20;
                left: 180;
            }
            
            #umnog {
                position: absolute;
                top: 35;
                left: 180;
            }
            
            #delen {
                position: absolute;
                top: 50;
                left: 180;
            }
            
            #next {
                position: absolute;
                top: 10;
                left: 210;
            }
        </style>
    </head>
    <body>
        <br>
        <form name="test">
            Введи число 1:
            <input id="one" size="5">
            <label id="plus">
                <input type="radio" value="1" id="+" name="radio">+
                <br>
            </label>
            <label id="minus">
                <input type="radio" value="2" id="-" name="radio">-
                <br>
            </label>
            <label id="umnog">
                <input type="radio" value="3" id="*" name="radio">*
                <br>
            </label>
            <label id="delen">
                <input type="radio" value="4" id="/" name="radio">/
                <br>
            </label>
            <p id="next">Введи число 2:
                <input id="two" size="5">Введи систему исчисления(до 20):
                <input id="three" size="5">
                <input type=button id="ravno" value="="><span id="vyvod1"></span>
                <br>
                <script type="text/javascript">
                    q = 0;
                    w = 0;
                    r = 0;
                    var o = document.getElementById("+");
                    o.onclick = function() {
                        z = 2;
                    }
                    o = document.getElementById("-");
                    o.onclick = function() {
                        z = 1;
                    }
                    o = document.getElementById("*");
                    o.onclick = function() {
                        z = 4;
                    }
                    o = document.getElementById("/");
                    o.onclick = function() {
                        z = 3;
                    }
                    var s = document.getElementById("one");
                    s.oninput = function() {
                        q = s.value;
                    }
                    var p = document.getElementById("two");
                    p.oninput = function() {
                        w = p.value;
                    }
                    var l = document.getElementById("three");
                    l.oninput = function() {
                        r = l.value;
                    }
                    var u = document.getElementById("ravno");
                    u.onclick = function() {
                        first();
                    }
                </script>
        </form>
    </body>
</html>

Подскажите, где мой косяк?

@temkasky · 07.03.2016, 00:40

Во первых, скрипты принято писать в отдельных файлах и подсоединять их с помощью тега

HTML5
1
<script src="url"><script>

Во вторых, разделите эту кашу на разные коды.
тут при вставке есть специальные теги HTML, CSS, JS
Пожалуйста приведите код в нормальную форму, что бы его возможно было прочитать, иначе никто даже начинать не будет...Я делаю исключение от скуки.

В третьих, ваши switch(h[i])... режут глаза, я чуть не прослезился,
и советую вам привести это дело в норму.

Я для вас приготовил нормальные функции для этого дела.

После первого тега <script>
Вставляете

JavaScript
1
2
3
4
5
6
7
8
9
function getCode(char, startIndex){
    return char.toUpperCase().charCodeAt() - (!startIndex ? 0 : 65 - startIndex);
}
 
function getChar(code, startIndex){
    code = !startIndex ? code : (code + 65 - startIndex);
  code = (code > 96 ? code - 32 : code);
    return String.fromCharCode(code);
}

Там где первый switch - заменяете его на

JavaScript
1
k[i] = getCode(h[i],10);

Вместо второго

JavaScript
1
h[i] = getChar(h[i], 10);

10 - это номер элемента с которого считается

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

case 10:
11
12....

пример и тесты тут - https://jsfiddle.net/8gd7Lr9z/3/

А код примеров и тестов тут

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
function getCode(char, startIndex) {
    return char.toUpperCase().charCodeAt() - (!startIndex ? 0 : 65 - startIndex);
}
 
function getChar(code, startIndex) {
    code = !startIndex ? code : (code + 65 - startIndex);
    code = (code > 96 ? code - 32 : code);
    return String.fromCharCode(code);
}
 
//Тесты для сверки результатов
var output;
output = 'getCode("a") = ' + getCode("a") + '\n';
output += 'getCode("A") = ' + getCode("A") + '\n';
output += 'getCode("a", 10) = ' + getCode("a", 10) + '\n';
output += 'getCode("A", 10) = ' + getCode("A", 10) + '\n';
output += 'getCode("b") = ' + getCode("b") + '\n';
output += 'getCode("B") = ' + getCode("B") + '\n';
output += 'getCode("b", 10) = ' + getCode("b", 10) + '\n';
output += 'getCode("B", 10) = ' + getCode("B", 10) + '\n';
 
output += "\n";
 
//65 = Код символа A
output += 'getChar(65) = ' + getChar(65) + '\n';
output += 'getChar(10, 10) = ' + getChar(10, 10) + '\n';
output += 'getChar(66) = ' + getChar(66) + '\n';
output += 'getChar(11, 10) = ' + getChar(11, 10) + '\n';
 
alert(output);

В итоге вы существенно сократите код, и улучшите его читаемость.
А это залог успеха.
Лучше читаемость - меньше ошибок.

и на будущее, давайте нормальные имена переменным, что бы все могли понять что это, и за что отвечает.
Как говорится

Любой дурак может писать код для машины.
Хорошие программисты пишут код для людей.

В остальном, пока не разберете код на понятный всем, никто его читать не будет, мне лично хватило сил только на свичи, остальное даже начинать не хочу.
Успехов вам!

@kalabuni · 07.03.2016, 04:02

Creeperasha, id="+" id="-" id="*" id="/" -- это конгениально

пишите и выкладывайте здесь свои коды ещё!

буду с нетерпением ждать!

и ни в коем случае не читайте первый абзац по этой ссылке -- тогда у нас пропадёт весь кайф от изучения ваших кодов

@Creeperasha · 08.03.2016, 17:36 **[ТС]**

Вот новая версия кода с сокращением кода, если я правильно понял, что куда вставлять:

PHP/HTML
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<HTML>
    <head>
        <meta charset="utf-8">
        <script>
            function getCode(char, startIndex){
                return char.toUpperCase().charCodeAt() - (!startIndex ? 0 : 65 - startIndex);
            }
 
            function getChar(code, startIndex){
                code = !startIndex ? code : (code + 65 - startIndex);
                code = (code > 96 ? code - 32 : code);
                return String.fromCharCode(code);
            }
            one=function(a,b)
            {
                for (var i = 0; i < a.length; i++) {
                    k[i]=0;
                }
                if (b>10) {three(a);}
                two(a,b);
            }
            two=function(x,y)
            {
                for (var i = 0; i < x.length; i++) {
                    if (k[i]<=0) {k[i]=x[i]*1;}
                }
                k.reverse();
                for (var i = 0; i < x.length; i++) {
                    c+=k[i]*Math.pow(y,i);
                }
            }
            three=function(h)
            {
                for (var i = 0; i<=h.length; i++) {
                    k[i] = getCode(h[i],10);
                }                   
            }
            first=function()
            {
                /*z=prompt("Введите действие (-,+,/,*):");
                switch(z) {
                            case "-":  z=1;
                                        break;
                            case "+":  z=2;
                                        break;
                            case "/":  z=3;
                                        break;
                            case "*":  z=4;     
                        }
                q=prompt("Введи число 1:");
                w=prompt("Введи число 2:");
                r=prompt("Введи основание системы чисел в которой переводить (до 20):")*1;*/
                u=0;
                c=0;
                t=0;
                y=0;
                r*=1;
                g=[];
                k=[];
                l.value=s.value*p.value;
                if(r>0 && q!=null && 2!=null && r>0 && q!=undefined && 2!=undefined ) {one(q,r);
                t=c;
                c=0;
                one(w,r);
                y=c;
                switch(z) {
                            case 1:  u=t-y;
                                        break;
                            case 2:  u=t+y;
                                        break;
                            case 3:  u=t/y;
                                        break;
                            case 4:  u=t*y;     
                        }
                second(u,r);
                g.reverse();
                if (r>10) {four(g);}
                n=document.getElementById("vyvod1");
                            n.innerHTML=g.join("");}
            }
            second=function(x,y)
            {
                while(x >= y){
                    c=x;
                    while (x%y!=0){
                        x--;
                    }
                    g.push(c-x);
                    x/=y;
                }
                if (x<y) {g.push(x);} else{
                if (y<11) g.push(x);}
            }
            four=function(h)
            {
                for (var i = 0; i<=h.length; i++) {
                    h[i] = getChar(h[i], 10);   
                }       
            }
        </script>
        <style type="text/css">
            #plus
                {
                    position: absolute;
                    top: 5;
                    left: 180;
                }
            #minus
                {
                    position: absolute;
                    top: 20;
                    left: 180;
                }
            #umnog
                {
                    position: absolute;
                    top: 35;
                    left: 180;
                }
            #delen
                {
                    position: absolute;
                    top: 50;
                    left: 180;
                }       
            #next
                {
                    position: absolute;
                    top: 10;
                    left: 210;
                }       
        </style>
    </head>
    <body>
        <br>
        <form name="test">
            Введи число 1:<input id="one" size="5"><label id="plus"><input type="radio" value="1" id="+" name="radio">+<br></label>
                        <label id="minus"><input type="radio" value="2" id="-" name="radio">-<br></label>
                        <label id="umnog"><input type="radio" value="3" id="*" name="radio">*<br></label>
                        <label id="delen"><input type="radio" value="4" id="/" name="radio">/<br></label><p id="next">Введи число 2:<input id="two" size="5">Введи систему исчисления(до 20):<input id="three" size="5"><input type=button id="ravno" value="="><span id="vyvod1"></span><br>
                        <script type="text/javascript">
                            q=0;
                            w=0;
                            r=0;
                            var o=document.getElementById("+");
                                o.onclick=function () {z=2;}
                            o=document.getElementById("-");
                                o.onclick=function () {z=1;}
                            o=document.getElementById("*");
                                o.onclick=function () {z=4;}
                            o=document.getElementById("/");
                                o.onclick=function () {z=3;}
                            var s=document.getElementById("one");
                                s.oninput=function () {q=s.value;}
                            var p=document.getElementById("two");
                                p.oninput=function () {w=p.value;}
                            var l=document.getElementById("three");
                                l.oninput=function () {r=l.value;}
                            var u=document.getElementById("ravno");
                                u.onclick=function () {first();}
                        </script>
        </form>         
    </body>
</html>

С осмысленным названием переменных сделаю позже.

@kalabuni · 08.03.2016, 19:05

Сообщение от Creeperasha

С осмысленным названием переменных сделаю позже.

неужели и "осмысленный" код мы тоже когда-нибудь увидим?

"не верю!", скажет Станиславский -- и он будет прав!

напишите русским языком -- что вы хотите своим кодом сделать

только сначала хорошенько подумайте, сформулируйте желаемое вами в уме, а потом уже пишите

@Creeperasha · 09.03.2016, 02:05 **[ТС]**

Я хочу сделать калькулятор, который берёт два значения из двух полей ввода и переводит их в десятичную систему исчисления из той системы, которую нам задал пользователь с помощью третьего поля ввода, потом высчитывает их сумму\разность\произведение\частное (в зависимости от выбора пользователя), переводит ответ в ту систему, которую указал пользователь и выводит ответ на экран.

@Creeperasha · 09.03.2016, 03:14 **[ТС]**

Я понял в чём моя ошибка!!! Я дибил! В центре кода у меня:

JavaScript
1
l.value=s.value*p.value

Вот значение третьего поля и изменялось!!!

Добавлено через 15 минут
Если кому-то ещё интересно, вот версия кода с пояснением, что какая переменная делает:

PHP/HTML
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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<html>
    <head>
        <meta charset="utf-8">
        <script>
/*
    Примечания:
        z-Выбор действия (1-вычитание, 2-сложение, 3-деление, 4-умножение).
        b-система исчисления в которой записаны наши числа (не может быть больше 20).
        i,j-счётчики циклов.
        h в функции three - строка-массив, в котором буквы заменяются на числа, если система исчисления больше десяти.
        h в функции four-массив чисел , в котором числа заменяются на буквы, если система исчисления больше десяти.
        k-массив, в котором хранится массив чисел, извлечённых из массива-строки h, введённой пользователем.
        u в функции first-переменная, в которой хранится ответ в десятичной системе исчисления.
        g-массив, в котором хранится ответ в системе исчисления, заданной пользователем.
        o,s,p,l,u в <script> внутри <html>-переменные для передачи данных из полей ввода.
*/      
            function getCode(char, startIndex){
                return char.toUpperCase().charCodeAt() - (!startIndex ? 0 : 65 - startIndex);
            }
 
            function getChar(code, startIndex){
                code = !startIndex ? code : (code + 65 - startIndex);
                code = (code > 96 ? code - 32 : code);
                return String.fromCharCode(code);
            }
            one=function(a,b)
            {
                for (var i = 0; i < a.length; i++) {
                    k[i]=0;
                }
                if (b>10) {three(a);}
                two(a,b);
            }
            two=function(x,y)
            {
                for (var i = 0; i < x.length; i++) {
                    if (k[i]<=0) {k[i]=x[i]*1;}
                }
                k.reverse();
                for (var i = 0; i < x.length; i++) {
                    c+=k[i]*Math.pow(y,i);
                }
            }
            three=function(h)
            {
                for (var i = 0; i<=h.length; i++) {
                    k[i] = getChar(h[i],10);
                }                   
            }
            first=function()
            {
                u=0;
                c=0;
                t=0;
                y=0;
                r*=1;
                g=[];
                k=[];
                //l.value=s.value*p.value;
                if(r>0 && q!=null && 2!=null && r>0 && q!=undefined && 2!=undefined ) {one(q,r);
                t=c;
                c=0;
                one(w,r);
                y=c;
                switch(z) {
                            case 1:  u=t-y;
                                        break;
                            case 2:  u=t+y;
                                        break;
                            case 3:  u=t/y;
                                        break;
                            case 4:  u=t*y;     
                        }
                second(u,r);
                g.reverse();
                if (r>10) {four(g);}
                n=document.getElementById("vyvod1");
                            n.innerHTML=g.join("");}
            }
            second=function(x,y)
            {
                while(x >= y){
                    c=x;
                    while (x%y!=0){
                        x--;
                    }
                    g.push(c-x);
                    x/=y;
                }
                if (x<y) {g.push(x);} else{
                if (y<11) g.push(x);}
            }
            four=function(h)
            {
                for (var i = 0; i<=h.length; i++) {
                    h[i] = getCode(h[i], 10);   
                }       
            }
        </script>
        <style type="text/css">
            #plus
                {
                    position: absolute;
                    top: 5;
                    left: 180;
                }
            #minus
                {
                    position: absolute;
                    top: 20;
                    left: 180;
                }
            #umnog
                {
                    position: absolute;
                    top: 35;
                    left: 180;
                }
            #delen
                {
                    position: absolute;
                    top: 50;
                    left: 180;
                }       
            #next
                {
                    position: absolute;
                    top: 10;
                    left: 210;
                }       
        </style>
    </head>
    <body>
        <br>
        <form name="test">
            Введи число 1:<input id="one" size="5"><label id="plus"><input type="radio" value="1" id="radio_plus" name="radio">+<br></label>
                        <label id="minus"><input type="radio" value="2" id="radio_minus" name="radio">-<br></label>
                        <label id="umnog"><input type="radio" value="3" id="radio_umnog" name="radio">*<br></label>
                        <label id="delen"><input type="radio" value="4" id="radio_delen" name="radio">/<br></label><p id="next">Введи число 2:<input id="two" size="5">Введи систему исчисления(до 20):<input id="three" size="5"><input type=button id="ravno" value="="><span id="vyvod1"></span><br>
                        <script type="text/javascript">
                            q=0;
                            w=0;
                            r=0;
                            var o=document.getElementById("radio_plus");
                                o.onclick=function () {z=2;}
                            o=document.getElementById("radio_minus");
                                o.onclick=function () {z=1;}
                            o=document.getElementById("radio_umnog");
                                o.onclick=function () {z=4;}
                            o=document.getElementById("radio_delen");
                                o.onclick=function () {z=3;}
                            var s=document.getElementById("one");
                                s.oninput=function () {q=s.value;}
                            var p=document.getElementById("two");
                                p.oninput=function () {w=p.value;}
                            var l=document.getElementById("three");
                                l.oninput=function () {r=l.value;}
                            var u=document.getElementById("ravno");
                                u.onclick=function () {first();}
                        </script>
        </form>         
    </body>
</html>

Спасибо всем, кто пытался помочь

Добавлено через 47 минут
Вот я разобрал код на 3 части:
CSS:

CSS
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
#plus
    {
        position: absolute;
        top: 5;
        left: 180;
    }
#minus
    {
        position: absolute;
        top: 20;
        left: 180;
    }
#umnog
    {
        position: absolute;
        top: 35;
        left: 180;
    }
#delen
    {
        position: absolute;
        top: 50;
        left: 180;
    }       
#next
    {
        position: absolute;
        top: 10;
        left: 210;
    }

JAVASCRIPT:

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
/*
    Примечания:
        z-Выбор действия (1-вычитание, 2-сложение, 3-деление, 4-умножение).
        b-система исчисления в которой записаны наши числа (не может быть больше 20).
        i,j-счётчики циклов.
        h в функции three - строка-массив, в котором буквы заменяются на числа, если система исчисления больше десяти.
        h в функции four-массив чисел , в котором числа заменяются на буквы, если система исчисления больше десяти.
        k-массив, в котором хранится массив чисел, извлечённых из массива-строки h, введённой пользователем.
        u в функции first-переменная, в которой хранится ответ в десятичной системе исчисления.
        g-массив, в котором хранится ответ в системе исчисления, заданной пользователем.
        o,s,p,l,u в <script> внутри <html>-переменные для передачи данных из полей ввода.
*/
function getCode(char, startIndex) {
    return char.toUpperCase().charCodeAt() - (!startIndex ? 0 : 65 - startIndex);
}
 
function getChar(code, startIndex) {
    code = !startIndex ? code : (code + 65 - startIndex);
    code = (code > 96 ? code - 32 : code);
    return String.fromCharCode(code);
}
one = function(a, b) {
    for (var i = 0; i < a.length; i++) {
        k[i] = 0;
    }
    if (b > 10) {
        three(a);
    }
    two(a, b);
}
two = function(x, y) {
    for (var i = 0; i < x.length; i++) {
        if (k[i] <= 0) {
            k[i] = x[i] * 1;
        }
    }
    k.reverse();
    for (var i = 0; i < x.length; i++) {
        c += k[i] * Math.pow(y, i);
    }
}
three = function(h) {
    for (var i = 0; i <= h.length; i++) {
        k[i] = getChar(h[i], 10);
    }
}
first = function() {
    u = 0;
    c = 0;
    t = 0;
    y = 0;
    r *= 1;
    g = [];
    k = [];
    //l.value=s.value*p.value;
    if (r > 0 && q != null && 2 != null && r > 0 && q != undefined && 2 != undefined) {
        one(q, r);
        t = c;
        c = 0;
        one(w, r);
        y = c;
        switch (z) {
            case 1:
                u = t - y;
                break;
            case 2:
                u = t + y;
                break;
            case 3:
                u = t / y;
                break;
            case 4:
                u = t * y;
        }
        second(u, r);
        g.reverse();
        if (r > 10) {
            four(g);
        }
        n = document.getElementById("vyvod1");
        n.innerHTML = g.join("");
    }
}
second = function(x, y) {
    while (x >= y) {
        c = x;
        while (x % y != 0) {
            x--;
        }
        g.push(c - x);
        x /= y;
    }
    if (x < y) {
        g.push(x);
    } else {
        if (y < 11) g.push(x);
    }
}
four = function(h) {
    for (var i = 0; i <= h.length; i++) {
        h[i] = getCode(h[i], 10);
    }
}

HTML:

PHP/HTML
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
<html>
    <head>
        <meta charset="utf-8">
        <script src="scripts\script_for_002.js"></script>
        <link href="styles\style_for_002.css" rel="stylesheet">
    </head>
    <body>
        <br>
        <form name="test">
            Введи число 1:<input id="one" size="5">
            <label id="plus"><input type="radio" value="1" id="radio_plus" name="radio">+<br></label>
            <label id="minus"><input type="radio" value="2" id="radio_minus" name="radio">-<br></label>
            <label id="umnog"><input type="radio" value="3" id="radio_umnog" name="radio">*<br></label>
            <label id="delen"><input type="radio" value="4" id="radio_delen" name="radio">/<br></label>
            <p id="next">Введи число 2:<input id="two" size="5">Введи систему исчисления(до 20):<input id="three" size="5"><input type=button id="ravno" value="="><span id="vyvod1"></span><br>
            <script type="text/javascript">
                q=0;
                w=0;
                r=0;
                var o=document.getElementById("radio_plus");
                    o.onclick=function () {z=2;}
                o=document.getElementById("radio_minus");
                    o.onclick=function () {z=1;}
                o=document.getElementById("radio_umnog");
                    o.onclick=function () {z=4;}
                o=document.getElementById("radio_delen");
                    o.onclick=function () {z=3;}
                var s=document.getElementById("one");
                    s.oninput=function () {q=s.value;}
                var p=document.getElementById("two");
                    p.oninput=function () {w=p.value;}
                var l=document.getElementById("three");
                    l.oninput=function () {r=l.value;}
                var u=document.getElementById("ravno");
                    u.onclick=function () {first();}
            </script>
        </form>         
    </body>
</html>

Ещё раз всем спасибо

Комментарий модератора

Используйте правильные теги оформления кода

@temkasky · 09.03.2016, 03:55

Creeperasha, вот видите! Вы же сами лучше начали понимать свой код)

@kalabuni · 09.03.2016, 09:02

Creeperasha, теорию почитайте здесь

пример реализации

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
function myCheck (F)
{
var x = F ['first'].value;
var y = F ['second'].value;
 
var notaS = F ['notation'].selectedIndex;
var operS = F ['operation'].selectedIndex;
 
 
F ['equal'].disabled = !(x.length
                    && !isNaN (x)
                    && y.length
                    && !isNaN (y)
                    && notaS
                    && operS)
}
 
function myRes (F)
{
var x = F ['first'].value;
var y = F ['second'].value;
var notaS = F ['notation'].selectedIndex;
var operS = F ['operation'].selectedIndex;
 
var N = F ['notation'].options [notaS].text;
 
var R;
x = parseInt (x, N);
y = parseInt (y, N);
 
if (operS == 1)                R = x + y;
else if (operS == 2)           R = x - y;
else if (operS == 3)           R = x * y;
else if (operS == 4 && y != 0) R = x / y;
 
R = R.toString (N);
F ['result'].value = R;
}

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
<form>
<h2><span style="color: red">Куку</span>лятор</h2>
 
<p>Основание системы счисления: <select name="notation" onchange="">
<option>Укажите основание системы счисления</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
</select>
 
<p>Введите первый операнд: <input name="first" oninput="myCheck (this.form)">
<p>Действие: <select name="operation" onchange="myCheck(this.form)">
<option>Укажите требуемое арифметическое действие</option>
<option>сложение +</option>
<option>вычитание -</option>
<option>умножение *</option>
<option>деление /</option>
</select>
 
<p>Введите второй операнд: <input name="second" oninput="myCheck (this.form)">
 
<p><input type="button" name="equal" value="=" onclick="myRes (this.form)" disabled>
<input name="result" readonly>
</form>

Добавлено через 32 минуты
Сорри, но функция myChek () у меня неверна -- проверка на IsNaN в данном виде неправильна
позже переделаю, если вам это надо будет

@Creeperasha · 10.03.2016, 01:00 **[ТС]**

Я в половине вашего кода ничего не понял, а вторую половину не читал, но поверю вам на слово

Кажется я что-то начинаю понимать

@Creeperasha · 17.06.2016, 14:15 **[ТС]**

Тест!!!

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	07.03.2016, 04:02
	Creeperasha, id="+" id="-" id="*" id="/" -- это конгениально пишите и выкладывайте здесь свои коды ещё! буду с нетерпением ждать! и ни в коем случае не читайте первый абзац по этой ссылке -- тогда у нас пропадёт весь кайф от изучения ваших кодов 0

@Creeperasha 3 / 3 / 4 Регистрация: 06.03.2016 Сообщений: 29
	09.03.2016, 02:05 [ТС]
	Я хочу сделать калькулятор, который берёт два значения из двух полей ввода и переводит их в десятичную систему исчисления из той системы, которую нам задал пользователь с помощью третьего поля ввода, потом высчитывает их сумму\разность\произведение\частное (в зависимости от выбора пользователя), переводит ответ в ту систему, которую указал пользователь и выводит ответ на экран. Миниатюры 0

@temkasky 81 / 81 / 50 Регистрация: 26.11.2012 Сообщений: 303
	09.03.2016, 03:55
	Creeperasha, вот видите! Вы же сами лучше начали понимать свой код) 0

@Creeperasha 3 / 3 / 4 Регистрация: 06.03.2016 Сообщений: 29
	10.03.2016, 01:00 [ТС]
	Я в половине вашего кода ничего не понял, а вторую половину не читал, но поверю вам на слово Кажется я что-то начинаю понимать 0

@Creeperasha 3 / 3 / 4 Регистрация: 06.03.2016 Сообщений: 29
	17.06.2016, 14:15 [ТС]
	Тест!!! 0