Самопроизвольное изменение свойств 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 **[ТС]**

Тест!!!

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@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