JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="tax" value="1" id="q" class="input" checked>
<label for="q" class="label">Город</label>
<input type="radio" name="tax" value="2" id="w" class="input">
<label for="w" class="label">Межгород</label>
<input type="nomber" id="a" class="input" _onChange="calc()" placeholder="km">
<input type="nomber" id="b" class="input" _onChange="calc()" placeholder="min">
<input type="reset" id="e" value="Сброс" class="button">
JavaScript
window.onload = function()
{
var inp = document.querySelectorAll('.input');
for(var i = 0; i < inp.length; i++)
{
inp[i].oninput = calc;
}
function calc()
{
a = document.getElementById('a').value;
b = document.getElementById('b').value;
if(document.getElementById('q').checked) k = document.getElementById('q').value;
else if(document.getElementById('w').checked) k = document.getElementById('w').value;
d = 85+(10*a)+(5*b);
e = k*(d-d*0.1);
document.getElementById('e').value = e ;
}
}