Битовая клавиатура. Есть такая в калькуляторе Windows в опции режим программиста

@Zloyalex100 · Регистрация: 05.08.2021

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

Только там на все 64 бита, а я подумал что и 32 бит за глаза хватит. И написал на HTML и Javascript. А в Windows вообще калькулятор на чем написан? Небось C#?

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
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
<!DOCTYPE html> 
<html lang="ru"> 
<head> 
    <meta charset="UTF-8">
    <title>БИТОВАЯ КЛАВИАТУРА</title>
    <style>
        body {
            background-color: #95f0cd;
        }
        .sp {
            margin-top: 50px;
            font-family: Verdana;
            font-size: 25px;
            position: absolute;
           
        }
          .sp2 {            
            font-family: Verdana;
            font-size: 25px;
            position: absolute;
           
        }
        .m1{
           margin-left: 20px;  
        }
        .m2{
           margin-left: 140px;  
        }
         .m3{
           margin-left: 260px;  
        }
        .m4{
           margin-left: 380px;  
        }             
        .b{
            margin-top: 120px;
            margin-left: 220px;
            font-family: Verdana;
            font-size: 25px;
        }
          .p{
            margin-top: 25px;
            font-family: Verdana;
            font-size: 25px;
        }    
        .bit1{
          margin-top: 80px;
          margin-left: 30px; 
          position: absolute; 
          font-family: Verdana;
          color: blue;
        }
          .bit2{
          margin-top: 30px;
          margin-left: 25px; 
          position: absolute; 
          font-family: Verdana;
          color: blue;
        }
        .inbit{
            margin-left: 70px;
        }
         .inbit2{
            margin-left: 65px;
        }
         .inbit3{
            margin-left: 60px;
        }
          .inbit4{
            margin-left: 75px;
        }
    </style>  
</head> 
<body> 
    <div id='1' class="sp2 m1">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='2' class="sp2 m2">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='1' class="sp2 m3">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='2' class="sp2 m4">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div class="bit2"><span>32 бита</span><span class="inbit2">28 бит</span><span class="inbit2">24 бита</span><span class="inbit3">20 бит</span></div>
   <div id='1' class="sp m1">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='2' class="sp m2">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='1' class="sp m3">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div id='2' class="sp m4">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>
   <div class='bit1'><span>16 бит</span><span class="inbit">12 бит</span><span class="inbit">8 бит</span><span class="inbit4">4 бита</span></div>
   <input type="button" value="=" id="but" class="b">
   <p id="p" class="p">DEC | </p>
   <p id="p8" class="p">OCT | </p>
   <p id="p16" class="p">HEX | </p>
  <script>
    let allsp = document.querySelectorAll('span');
    for (var i = 0; i < allsp.length; i++) {
       allsp[i].onclick = function () {
           if (this.innerHTML == '0') {
            this.innerHTML = '1'
           }
           else{
            this.innerHTML = '0'
           }
       }
    }
    but.onclick = function() {
       let s = '';
       p.innerHTML = 'DEC | ';
       p8.innerHTML = 'OCT | ';
       p16.innerHTML = 'HEX | ';
       for (var i = 0; i < allsp.length; i++) {
        if (!allsp[i].innerHTML.includes('бит')) {
            s += allsp[i].innerHTML
        }           
       } 
       s = parseInt(s,2)   
       p.innerHTML += s;
       p16.innerHTML += s.toString(16);
       p8.innerHTML += s.toString(8)       
    }
  </script>
</body> 
</html>

@Zloyalex100 · 23.12.2025, 21:07 **[ТС]**

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

о качестве картинки

Так и не понял какие там претензии к качеству? В том что кому-то мало понятен? Странно-странно... Зато возложенную на него задачу исполняет со скоростью Мессершмитта и даже ухитряется не делать ошибок

@Usaga · 24.12.2025, 02:15

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

Так и не понял какие там претензии к качеству?

Так krvsa тебе попытался донести претензии. Не понятно чем ты тут хвастаться решил, выкладывая школьную поделку эту. Ладно бы спрашивал совета, как улучшить, или как в 2025м году такое можно сделать. Но нет...

krvsa · 24.12.2025, 13:13

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

"Неокрепший" это прилагательное такое и пишется слитно.

Я, как грамотей, не особо...

Но я и не выкладываю свои опусы на проф.форум филологов.

А если и выкладывал бы - так разве что за советом "как бы это лучше сделать".

Добавлено через 3 минуты

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

Только конструктивной и спокойной, а не агрессивной и злобной.

Это все у тебя в голове...

Ты ни разу не спросил как такое можно сделать иначе. Ни разу.
Х/з какую особенную критику ты ожидаешь...

@Zloyalex100 · 24.12.2025, 15:24 **[ТС]**

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

Ты ни разу не спросил

Ну вот прямо сейчас и спрошу. Как это сделать иначе?
А вообще делал так как учили в свое время

krvsa · 24.12.2025, 15:44

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

Как это сделать иначе?

Изменить верстку, добавить в ее создание JS... Тогда и стилизация будет более вменяемой.
В обработке кликов по 0 и 1 использовать делегирование событий.
Вывод результатов делать без дублирования конента.

Т.е. все нужно переделать...

Добавлено через 1 минуту
И это все можно просто сделать в "стиле 10-тых годов"...

@Usaga · 24.12.2025, 16:53

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

А вообще делал так как учили в свое время

А открывать учебники тебя не учили? Без сарказма и шуток, это - основное умение любого человека мимикрирующего под разработчика. Я про умение учиться.

krvsa · 24.12.2025, 17:13

Предложу вот такой вариант, т.с. в стиле 10-тых годов...

Хотя я там малость заленился... И использовал уже синтаксис поновее.

Но и в старом такое реализовывается... Только букв будет больше, т.ч. смысл алгоритма не поменяется.

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
<style>
td {
    padding-left: 5px; 
    padding-right: 5px; 
    text-align: center;
}
#data tr:nth-child(odd) td {
    font-size: 150%;
    letter-spacing: 3px;
}
#data tr:nth-child(even) td {
    color: blue;
}
#data span {
    cursor: pointer;
}
td input {
    margin-top: 20px;
}
#itog {
    margin-top: 20px;
}
#itog td {
    text-align: left;
}
#itog td:nth-child(odd):after {
    content: ' |';
}
</style>
 
<table>
    <tbody id='data'></tbody>
    <tbody>
        <td colspan='4'>
            <input id='res' type='button' value='В другие системы счисления' />
        </td>
    </tbody>
</table>
<table id='itog'>
    <tr>
        <td>DEC</td>
        <td></td>
    </tr>
    <tr>
        <td>OCT</td>
        <td></td>
    </tr>
    <tr>
        <td>HEX</td>
        <td></td>
    </tr>
</table>
 
<script>
const n = 32
const oz = document.createElement('td')
for (let i = 0; i < 4; i++) {
    const o = document.createElement('span')
    o.textContent = 0
    oz.appendChild(o)
}
const ob = document.getElementById('data')
for (let i = 0; i < 2; i++) {
    let or = document.createElement('tr')
    for (let j = 0; j < 4; j++) {
        const o = oz.cloneNode(true)
        or.appendChild(o)
    }
    ob.appendChild(or)
    or = document.createElement('tr')
    for (let j = 0; j < 4; j++) {
        const o = document.createElement('td')
        let v = n - ((j + i * 4) * 4)
        v = v + ' бит' + (~[2, 4].indexOf(v % 10) ? 'а': '')
        o.textContent = v
        or.appendChild(o)
    }
    ob.appendChild(or)
}
const as = ob.getElementsByTagName('span')
// тут я малость заленился с этим старым стилем...
const ai = document.querySelectorAll('#itog td:nth-child(even)')
const aa = [
    v => v,
    v => v.toString(8),
    v => v.toString(16),
]
document.getElementById('res').addEventListener('click', _ => {
    let v = ''
    for (const o of as) {
        v += o.textContent
    }
    v = parseInt(v, 2)
    for (let i = 0; i < ai.length; i++) {
        ai[i].textContent = aa[i](v)
    }
})
ob.addEventListener('click', e => {
    const o = e.target.closest('span')
    if (!o) return
    o.textContent = +o.textContent + 1 % 2
})
</script>

@Zloyalex100 · 24.12.2025, 19:37 **[ТС]**

И получилось вот такое... А я то всегда думал что бит это либо ноль либо единица

krvsa · 24.12.2025, 21:12

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

JavaScript
1
o.textContent = +o.textContent + 1 % 2

Добавлю скобки...

JavaScript
1
o.textContent = (+o.textContent + 1) % 2

Или тернарку...

JavaScript
1
o.textContent = +o.textContent ? 0 : 1

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
<style>
td {
    padding-left: 5px; 
    padding-right: 5px; 
    text-align: center;
}
#data tr:nth-child(odd) td {
    font-size: 150%;
}
#data tr:nth-child(even) td {
    color: blue;
}
#data span {
    cursor: pointer;
}
td input {
    margin-top: 20px;
}
#itog {
    margin-top: 20px;
}
#itog td {
    text-align: left;
}
#itog td:nth-child(odd):after {
    content: ' |';
}
</style>
 
<table>
    <tbody id='data'></tbody>
    <tbody>
        <td colspan='4'>
            <input id='res' type='button' value='В другие системы счисления' />
        </td>
    </tbody>
</table>
<table id='itog'>
    <tr>
        <td>DEC</td>
        <td></td>
    </tr>
    <tr>
        <td>OCT</td>
        <td></td>
    </tr>
    <tr>
        <td>HEX</td>
        <td></td>
    </tr>
</table>
 
<template id='zero'>
    <td>
        <span>0</span>
        <span>0</span>
        <span>0</span>
        <span>0</span>
    </td>
</template>
 
<script>
const n = 32
const oz = document.getElementById('zero').content
const ob = document.getElementById('data')
for (let i = 0; i < 2; i++) {
    let or = document.createElement('tr')
    for (let j = 0; j < 4; j++) {
        const o = oz.cloneNode(true)
        or.appendChild(o)
    }
    ob.appendChild(or)
    or = document.createElement('tr')
    for (let j = 0; j < 4; j++) {
        const o = document.createElement('td')
        let v = n - ((j + i * 4) * 4)
        v = v + ' бит' + ([2, 4].includes(v % 10) ? 'а': '')
        o.textContent = v
        or.appendChild(o)
    }
    ob.appendChild(or)
}
const as = ob.getElementsByTagName('span')
// тут я малость заленился с этим старым стилем...
const ai = document.querySelectorAll('#itog td:nth-child(even)')
const aa = [
    v => v,
    v => v.toString(8),
    v => v.toString(16),
]
document.getElementById('res').addEventListener('click', _ => {
    let v = [...as].reduce((v, o) => v + o.textContent, '')
    v = parseInt(v, 2)
    ai.forEach((o, i) => o.textContent = aa[i](v))
})
ob.addEventListener('click', e => {
    const o = e.target.closest('span')
    if (!o) return
    o.textContent = +o.textContent ? 0 : 1
})
</script>

Добавил немного новизны, до кучи...

@Zloyalex100 · 26.12.2025, 01:43 **[ТС]**

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

галиматью

Есть тут одна дамочка которая на сиё весьма вдохновляет..
Я, признаться, в 2012 году про сию интересную особу был ни сном ни духом

Новые блоги и статьи Все статьи Все блоги /
FPS контроллер с анимированными Y-Bot и 3D-звуком miniaudio (Box3D, Recast, BehaviorTree.CPP, ozz-animation, ImGui, OpenGL и SDL3) 8Observer8 18.10.2026 Содержание блога \| English Version Полное мультиплатформенное руководство по стартовому проекту с FPS-контроллером игрока, анимированными роботами Y-Bot с 4-слойным блендингом, 3D-физикой Box3D,. . .	Локальный http сервер Argus19 17.10.2026 Локальный http сервер На работе, на двух локальных компьютерах круглосуточно работают программы опроса приборов с записью в книги Excel,которые раз в сутки записываются на сервер компании. Т. к. . . .	Копировать Windows на новый диск на UEFI damix 17.10.2026 https:/ / uriesk. wordpress. com/ 2016/ 11/ 01/ move-window-10-to-ssd-on-a-uefi-dualboot-system-with-basic-linux-tools/ TL DR Вставляем диск, а старый подключаем через переходник, грузимся с лайва. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

@Zloyalex100 142 / 138 / 20 Регистрация: 05.08.2021 Сообщений: 646
	24.12.2025, 19:37 [ТС]
	И получилось вот такое... А я то всегда думал что бит это либо ноль либо единица Миниатюры 0