Битовая клавиатура. Есть такая в калькуляторе 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>

krvsa · 23.12.2025, 14:31

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

И написал на HTML и Javascript.

Ты все индусишь...

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

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

А в Windows вообще калькулятор на чем написан? Небось C#?

Алиса написала что

Калькулятор Windows написан на языке C++.

@Zloyalex100 · 23.12.2025, 14:32 **[ТС]**

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

Ты все индусишь

Да вроде на этот раз никакой Бхагавадгиты нет... Код вполне читаемый

krvsa · 23.12.2025, 14:37

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

Да вроде на этот раз никакой Бхагавадгиты нет...

Ее навалом!
HTML - построен ужасно...
JS - лучше не показывать.

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

Код вполне читаемый

Только читается он как плохой рассказ...

Добавлено через 48 секунд

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

HTML5
1
2
3
4
5
6
<div id='1' class="sp2 m1">
       <span>0</span>
       <span>0</span>
       <span>0</span>
       <span>0</span>
   </div>

Голимый копипаст - индуский стиль...

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

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

HTML5
1
2
3
<p id="p" class="p">DEC | </p>
   <p id="p8" class="p">OCT | </p>
   <p id="p16" class="p">HEX | </p>

И тут же!

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

JavaScript
1
2
3
p.innerHTML = 'DEC | ';
p8.innerHTML = 'OCT | ';
p16.innerHTML = 'HEX | ';

@Zloyalex100 · 23.12.2025, 14:38 **[ТС]**

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

JS - лучше не показывать

Он в стиле 10-х годов. Тут взятки гладки

krvsa · 23.12.2025, 14:40

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

JavaScript
1
2
3
4
5
6
7
let allsp = document.querySelectorAll('span');
...
for (var i = 0; i < allsp.length; i++) {
        if (!allsp[i].innerHTML.includes('бит')) {
            s += allsp[i].innerHTML
        }           
}

И это на каждый клик.

Зачем вообще используется innerHTML, если ты используешь голимый текст без тегов?

Добавлено через 53 секунды

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

Он в стиле 10-х годов. Тут взятки гладки

Да это твой стиль.

Не пишут так люди и не писали с х/з каких годов!

@Zloyalex100 · 23.12.2025, 14:42 **[ТС]**

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

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

p.innerHTML = 'DEC | ';

А вот понадобилось сделать именно так. Были на то некие причины
Вроде без этого при выполнении скрипта строка становилась пустой. Что такое...

krvsa · 23.12.2025, 14:44

Zloyalex100, какой смысл выкладывать очередную галиматью, хоть она и имеет некий функциональный смысл?
Такое нельзя показывать.

Это будет плохо влиять на не окрепшие умы...

После просмотра таких вот кодов некоторые в ужасе кричат:
- JS недоязык!

Добавлено через 40 секунд

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

А вот понадобилось сделать именно так. Были на то некие причины

Да весь твой код покрыт этими причинами...

@Zloyalex100 · 23.12.2025, 14:46 **[ТС]**

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

for (var i = 0; i < allsp.length; i++) {
if (!allsp[i].innerHTML.includes('бит')) {
s += allsp[i].innerHTML
}

Как раз типичная конструкция для нулевых и десятых годов. Во всех учебниках учили писать именно так

krvsa · 23.12.2025, 14:57

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

CSS
1
2
3
4
5
6
7
8
9
10
11
12
.inbit{
            margin-left: 70px;
        }
         .inbit2{
            margin-left: 65px;
        }
         .inbit3{
            margin-left: 60px;
        }
          .inbit4{
            margin-left: 75px;
        }

Руки за такою стилизацию отрывать нужно!

У тебя табличная информация, а ты ее закуролесил вусметь!

Вот код с ноготок - но весь просто взять и выкинуть.
А ты его еще людям показываешь...

Для чего?

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

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

Как раз типичная конструкция для нулевых и десятых годов. Во всех учебниках учили писать именно так

Не на каждый же клик!

Ты даже не видишь очевидного.

Зачем работать со всеми спанами всякий раз, выискивая нужные?

Добавлено через 1 минуту
Про делегирование событий я вообще молчу...

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

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

HTML5
1
2
3
<p class="p">DEC | <span id="p"></span></p>
<p class="p">OCT | <span id="p8"></span></p>
<p class="p">HEX | <span id="p16"></span></p>

Вот так делается и ничего уже не обнуляется.

Но так будет еще больше спанов в которых ты будешь дальше ковыряться.

@gogolik · 23.12.2025, 16:20

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

Как раз типичная конструкция для нулевых и десятых годов. Во всех учебниках учили писать именно так

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

@Zloyalex100 · 23.12.2025, 16:41 **[ТС]**

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

на не окрепшие умы

Уважаемый krvsa. У меня тоже есть чему вас поучить. Хоть и не HTML и Джаваскрипту, но зато великому и могучему русскому языку! "Неокрепший" это прилагательное такое и пишется слитно.
Приставки: не-о-; корень: -креп-; суффикс: -ш; окончание: -ий

@Usaga · 23.12.2025, 16:43

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

Уважаемый krvsa. У меня тоже есть чему вас поучить. Русскому языку! "Неокрепший" это прилагательное такое и пишется слитно.
Приставки: не-о-; корень: -креп-; суффикс: -ш; окончание: -ий

С этим лучше на форум филологов. Тут программисты. И твой код отвратный. Почему - сказали.

@Zloyalex100 · 23.12.2025, 16:48 **[ТС]**

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

Почему - сказали

Работает - значит нормальный. Хотя бы для учебной работы. А она именно учебная, а ни какая-то иная

@sad67man · 23.12.2025, 16:51

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

Он в стиле 10-х годов. Тут взятки гладки

А вы в каком году это написали? Почему только сейчас решили выложить? И с какой целью?

@Zloyalex100 · 23.12.2025, 16:58 **[ТС]**

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

на форум филологов

Еще один умник? Суффиксами и префиксами занимаются не филологи, а лингвисты. Филолухи изучают книжки умных дядек (навроде нашего krvsa)

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

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

Почему только сейчас решили выложить?

Раньше выкладывал на мэйл.ответах, а этим форумом начинал интересовать только когда по основному адресу прилетал бан

Но сейчас тому проекту пришел конец. Испортило его новое руководство. Пришлось перебраться сюда

@sad67man · 23.12.2025, 17:09

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

Раньше выкладывал на мэйл.ответах, а этим форумом начинал интересовать только когда по основному адресу прилетал бан
Но сейчас тому проекту пришел конец. Испортило его новое руководство. Пришлось перебраться сюда

Так а с какой целью вы выкладываете сюда код? Я просто не могу понять как к нему относиться.

@Zloyalex100 · 23.12.2025, 17:13 **[ТС]**

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

с какой целью

Ну, для критики. Только конструктивной и спокойной, а не агрессивной и злобной. Всё-так я еще далек от профи

@gogolik · 23.12.2025, 17:19

Zloyalex100, вам дают абсолютно нормальную критику, которую вы всегда воспринимаете в штыки.

@sad67man · 23.12.2025, 17:25

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

Работает - значит нормальный.

Рабочий код - это минимальное требование к коду.. Еще бы он был нерабочим)
К качеству это не имеет отношения.
Плохой код тоже может работать.

Можно провести какую-нибудь аналогию. К примеру вы купили какую-нибудь вещь.. ну допустим монитор.
Если он не включается и ничего не показывает, то и нет смысла говорить о качестве картинки.

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. 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, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@gogolik Супер-модератор 3969 / 2087 / 832 Регистрация: 13.03.2010 Сообщений: 6,886
	23.12.2025, 17:19
	Zloyalex100, вам дают абсолютно нормальную критику, которую вы всегда воспринимаете в штыки. 0