Пишем калькулятор на JavaScript

[Shoom3301]

document.querySelectorAll('button').forEach(button => {
button.addEventListener('click', function () {
// по клику вызывается функция со значением кнопки в качестве параметра
calc(this.value)
})
})


Не стоит так делать в случае, если элементов много, это не производительно.

[kornerr]

Как посчитать производительность?

[Shoom3301]

Измерением времени на выполнение операций.
Если просто то так:
1. Записываете в переменную const startTime = performance.now()
2. Выполняете операции
3. Смотрите на performance.now() — startTime

habr.com/ru/company/tinkoff/blog/489230
Вот тут можете найти еще немного информации по измерению производительности в браузере

[donPedro]

Стили для * { ... } не самая производительная вещь. Более того при таких стилях становится очень сложно переиспользовать вёрстку на других проектах и использовать сторонние библиотеки. В одном проекте * { box-sizing: border-box; } сломал встроенные гуглокарты, причём не сразу, а после их какого-то обновления.

Рекомендую почитать про БЭМ, подход сильно упрощает разработку.

[Grey83]

Наш калькулятор будет true simple (42 строки кода, включая пробелы между блоками), но при этом полнофункциональным и масштабируемым.

и 1,79МБ подключаемой библиотеки math.js (550кБ после её пережатия).

[andreyverbin]

Это пока уровень 5-8 класса школы, нужно двигаться дальше — написать свой парсер простых математических выражений, с функциями, скобками и переменными. Это уже будет курсовая уровня 1 курса.

[kornerr]

Было бы неплохо этот калькулятор сделать таким одним файлом html, который ничего с инета не качает. Тогда можно его прям по скайпу кинуть и использовать на любом компе всегда в одном первозданном виде, независимо от версии ОС.

[aafin]

И даже одним URL ом можно :) kod.ru/itty-bitty-site

[kornerr]

Забавно. Я делал точно так же: в строке URL хранил zip -> base64 закодированные данные. Видимо, не одного меня адресная строка привлекает.

Мой пример

Беда лишь в том, что на многих сервисах есть ограничения по длине строки. Например, на ГитХабе можно всунуть 8К символов, а на БитБакете лишь 4К. Хабр так совсем обрезает рано. Хранить такие ссылки без сократителей ссылок тоже тяжко.