Калькулятор на Javascript - SEO форум MaulTalk.com

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Калькулятор на Javascript, Проблема представления десятичного знака

Опции

mark2013

Topic Starter сообщение

20.9.2024, 23:56; Ответить: mark2013

Сообщение #1

Бывалый

Группа: User
Сообщений: 439
Регистрация: 22.9.2013
Поблагодарили: 69 раз
Репутация:

Пишу калькулятор на JS и реализовал логику последовательных вычислений. Например 7+4+2 даёт 13. Ввёл десятичный знак:

Код

else if (buttonType === 'decimal') {
           // Detect the decimal separator based on the user's locale
            const numberFormat = new Intl.NumberFormat();
            const decimalSeparator = numberFormat.format(1.1).replace(/[^0-9.]/g, '');

            // Replace the decimal separator in the currentNumber with a period
            currentNumber = currentNumber.replace(decimalSeparator, '.');

            if (currentNumber === "") {
            currentNumber = "0.";
            } else {
            currentNumber += ".";
            }
            calcDisplay.textContent = currentNumber;
            decimalPressed = true;
        }

Естественно, что переменная decimalPressed изначально инициализирована с false.

По нажатию на любую цифру:

Код

calcContainer.addEventListener('click', (e) => {

    if (e.target.classList.contains('calc__button')) {

        let buttonType = e.target.dataset.type;

        if (buttonType === 'digit') {
            currentNumber += e.target.textContent;
            calcDisplay.textContent = currentNumber;

            // Detect the decimal separator based on the user's locale
            const numberFormat = new Intl.NumberFormat();
            const decimalSeparator = numberFormat.format(6.3).replace(/[^0-9.]/g, '');

            // Replace decimal separators with periods in both previousNumber and currentNumber

            if (previousNumber.includes(decimalSeparator)) {
                previousNumber = previousNumber.replace(decimalSeparator, '.');
            }

            if (currentNumber.includes(decimalSeparator)) {
                currentNumber = currentNumber.replace(decimalSeparator, '.');
            }

Всё работает. НО... именно из-за этого кода нарушается логика последовательных вычислений! Т.е. теперь 7+4+2 даёт не 13 а 6, т.е. в расчёт берутся только последние 2 числа. Я никак не могу понять, в чём дело.... убирал данный код — последовательные вычисления работают без проблем!

--------------------

Здесь я хостю свои проекты

Ответить с цитированием данного сообщения

malamut malamut 21.9.2024, 15:40; Сообщений: 690 Поблагодарили: 184 раза Репутация: 23 Просмотр профиля	21.9.2024, 15:40; Ответить: malamut Сообщение #2
Завсегдатай Группа: Active User Сообщений: 690 Регистрация: 18.8.2015 Поблагодарили: 184 раза Репутация: 23	У вас калькулятор с возможностью нажатия кнопок или с ручным вводом, правильно? Если попробовать делать замену не после нажатия каждой кнопки, а уже непосредственно при нажатии "="? Или у вас результат "живой" - отображается при нажатии на любую клавишу? В качестве оптимизации - decimalSeparator можно вынести в глобальную константу, чтобы не высчитывать её на каждый чих. -------------------- Разработка сайтов Wordpress/HTML/CSS/JS ИИ дёшево бизлимитно пишет тексты Быстрая индексация сайтов в Яндекс и Google

mark2013 Topic Starter mark2013Topic Starter 21.9.2024, 16:22; Сообщений: 439 Поблагодарили: 69 раз Репутация: 11 Просмотр профиля	Topic Starter 21.9.2024, 16:22; Ответить: mark2013 Сообщение #3
Бывалый Группа: User Сообщений: 439 Регистрация: 22.9.2013 Поблагодарили: 69 раз Репутация: 11	У меня калькулятор пока что только с возможностью нажатия кнопок, но я планирую доработать событие чтобы можно было с клавиатуры вводить числа. За оптимизацию спасибо, реализовал, но в решении проблемы это не помогло, я не очень понимаю, что происходит... Короче проблему последовательных вычислений решил, сейчас всё работает нормально. Но вот десятичный знак никак не хочет работать... 7.2+2.2 = 11.399999999999999999 Как так..... Я понял, в чём дело... Вот код: Код if (operandPressed) { switch (operation) { case "+": if (tempResult < 1) { tempResult = parseFloat(previousNumber) + parseFloat(currentNumber); } else { tempResult = parseFloat(tempResult) + parseFloat(currentNumber); } break; Чё здесь происходит? Когда я ввожу само число — ничё... но когда я нажимаю на какой-то знак операции, загорается флаг operandPressed. И тогда к tempResult прибавляется то число, которое я ввел. Это нормально при условии что вводятся Integer. Но если вводятся floating point, то он сначала прибавляет целую часть числа (т.к. стоит флаг operandPressed), а затем он эту целую часть ещё раз прибавляет, что неверно. Проблема понятна, вот как её побороть... -------------------- Здесь я хостю свои проекты

malamut

23.9.2024, 2:03; Ответить: malamut

Сообщение #4

Завсегдатай

Группа: Active User
Сообщений: 690
Регистрация: 18.8.2015
Поблагодарили: 184 раза
Репутация:

Это известный баг js, можете просто в консоли браузера ввести 0.1+0.2.
Насколько знаю, решается приведением всех операндов к целому числу путём умножения на 10^n, а результат обратно разделить на 10^n

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Разработка сайтов Wordpress/HTML/CSS/JS
ИИ дёшево бизлимитно пишет тексты
Быстрая индексация сайтов в Яндекс и Google

« Предыдущая тема · Программная часть · Следующая тема »

2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery Разработка сайтов и сервисов под-ключ	0	alexey	1625	24.11.2023, 14:46 автор: alexey
Веб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)	56	qpPeW	47533	19.7.2023, 10:03 автор: qpPeW
Кальку, точнее калькулятор в строительной тематике Нужен PHP код	1	MihalychAIP	1066	20.4.2022, 2:04 автор: sergogogo
1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3	1	byteeightlab	1665	2.7.2019, 7:37 автор: ychervov
Ищется программист. Создать калькулятор цен на сайте JS \| DLE	0	Mukis	1825	1.4.2019, 15:24 автор: Mukis

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 21.4.2025, 18:16

Дизайн