Как сделать рестарт или сброс по кнопке рассчитать всех предыдущих вычислений. (Пример моей проблемы внутри вопроса)?

Question

[Евгений М]

У меня есть калькулятор где люди вводят дату рождения место рождения и прочие данные и на основе этого по кнопке "рассчитать" происходит много вычислений. Проблема в следующем, если человек не обновил страницу и заново вводит новые данные и нажимает "рассчитать" сохраняется вывод предыдущих вычислений на странице. Как это сначала стереть а только потом рассчитать заново?

Пример простейший в коде, если человек ввёл 1+1 то ему например выводит 1+1=2 а также "поздравляю это 2". Если же он вводит уже другую цифру например 1 и 2, то показывает 1+2=3 но "поздравляю это 2" также сохраняется на экране. https://codepen.io/3vgeny/pen/vYdjLjB

Конечно можно легко это убрать в этом простом примере допустим сделать проверку: если c не равно 2 тогда 'abc' дисплей нон, ну и всякими иными способами. Но у меня таких блоков на десятки или даже больше, я ищу решение чтобы по кнопке "сложить 2 числа" сначала стереть все предыдущие отображения и только затем рассчитать отобразить заново. Возможно такое?

Answer 1

[Elvis]

Так вы же сами прописываете точное значение в abc. И условие не нужно вообще.

function addition() {
        var a = parseInt(document.getElementById('a').value);
        var b = parseInt(document.getElementById('b').value);
        
        if (isNaN(a)==true) a=0;
        
        if (isNaN(b)==true) b=0;
        
        var c = a + b;
        document.getElementById('abc').innerHTML = "поздравляю это "+c;
        document.getElementById('result').innerHTML = a + " + " + b + " = " + c;
      }

Comments

[Евгений М]

Согласен, но это простой пример, который быстро и легко пофиксить, а на деле километр кода переписывать так, где то так, где-то через else где-то дисплей нон. Видимо нужно было изначально правильнее прописывать везде, сейчас даже не знаю реально ли это везде исправить, мне интересно неужели нет функции такой на эту же кнопку, которая просто бы сначала стирала все старые стили, выводы, а только потом отображалось новые расчёты. Странно если такого функционала не существует

[Elvis]

3vgeny, ну тут могу посоветовать в начале функции выбрать все места, где нужно почистить, например через querySelectorAll и класс css, и через цикл сделать innerHTML="". Либо тоже самое, но сначала написать массив idшников и пробежаться так же в цикле по ним и очищать.
Простой волшебной строчки кода, которая очищает всё что вам нужно - нет. Нужно определить в функции что очищать то нужно.

[Евгений М]

Elvis, Спасибо, я думаю это и будет решением, хоть и неуклюже немного по своей вине