Как исправить калькулятор на JS?

Question

[Артем Пономарев]

Всем Привет, дорогие друзья! Обращаюсь к вам с просьбой о помощи. У меня есть калькулятор на сайте, вид следующий:

function changeText0(){
     var res = 1;
     var a = parseFloat(document.getElementById('a').value);
     var b = parseFloat(document.getElementById('b').value);
     var c = parseFloat(document.getElementById('c').value);
     var d = parseFloat(document.getElementById('d').value);

     if (document.getElementById('c').checked) 
        res = a + b + c;
     if (document.getElementById('d').checked) 
        res = a + b + d;
                                                  
     document.getElementById('res').innerHTML = res;
}

и HTML разметка:

<form onsubmit="return false;" oninput="changeText0()">
   <label>Площадь здания</label><br>
   <input id="a" type="number" min="0"><br>

   <label>Количество помещений в здании</label><br>
   <input id="b" type="number" min="0"><br>

   <label>Тип потолка:</label><br>
   <input id="c" type="radio" name="potolok" value="100"> Армстронг<Br>
   <input id="d" type="radio" name="potolok" value="200"> Другой<Br>

   <label>Цена:</label><br>
   <output id="res">0</output>
</form>

При смене чисел, результат сразу отображается. Но если выбирать радио, то результат не меняется в зависимости от самого радио. Нужно снова менять число что бы был результат. Мне нужно к примеру: у нас числа 10 и 10. Меняем радио, и сразу же появляется результат без изменения чисел.
Не могу понять в чем проблема? Может кто знает решение?
Спасибо!

Answer 1

[BB 8]

странно, но в Firefox все меняется:

вот1
вот2

Comments

[Артем Пономарев]

Я наверное неправильно объяснил суть вопроса)
Нужно что бы при выборе радио кнопки, результат сразу же показывался как при смене чисел.

[BB 8]

Артем Пономарев, Изменить метод на onchange - это раз, а два - parseInt будет предпочтительнее, для работы с целыми

[Артем Пономарев]

BB 8, можете готовый код написать? я не очень разбираюсь в JS

[BB 8]

<form onsubmit="return false;" oninput="changeText0()">

Заменить на:

<form onsubmit="return false;" onchange="changeText0()">

[Артем Пономарев]

BB 8, теперь результат не меняется при изменении чисел. А нужно что бы результат менялся при изменении любого объекта.

[Сергей delphinpro]

Артем Пономарев, ну так совместите оба события =)

[Артем Пономарев]

Сергей, спасибо) Не знал что так можно. Все работает как надо)