JSFiddle - React, Tailwind, and code Playground
HTML
<input type = "text" class = 'firstN'/>
<input type = "text" class = 'secondN'/>
<input type = "button" class = "btn" value = "="/>
<div class='control'>
<label> <!-- label обарачивает input и втутренний текст ссылаеться на обернутый label-ом inpet -->
<input type = "radio" id = "rad" name = "plus"/> +
</label>
<!-- второй вариант использования label через id на инпуте но тогда в label надо вписывать for -->
<input type = "radio" id = "rad" name = "minus"/> <label for="rad" >-</label>
<label>
<input type = "radio" id = "rad" name = "mult"/> *
</label>
<!-- чтобы radio buttons переключались - нужно им ставить одинаковый name иначе каждый батон будет нажиматься -->
</div>
<div class="result"></div>
CSS
.result {
margin-top: 30px;
height: 50px;
width: 100px;
background: yellow;
color: red;
font: 24px Verdana;
}
.control{
margin: 5px 0;
}
JavaScript
function fplus (a, b){
//pl = parseInt(a + b); Вы сначала склеили ab, а потом сделали его числом (int)
//pl = (+a) + (+b); при добавлении знака - переводит в int; коряво но бывает
pl = parseInt(a , 10) + parseInt(a , 10);// правельней будет так parseInt(a , 10) -десятка обязательно
return pl;
}
function fminus (a, b){
min = a - b;
return min;
}
function fmult (a, b){
mult = a * b;
return mult;
}
var resblock = document.querySelector('.result');
var res = document.querySelector('.btn');
res.addEventListener('click', resmult, false);
var userchoise = document.querySelector('#rad');
userchoise.addEventListener('click', resmult, false);
function resmult (){
var arg1 = document.querySelector('.firstN').value;
var arg2 = document.querySelector('.secondN').value;
if (document.querySelector('#rad').name = "plus") {
// я так понимаю вы хотели видеть результат при клике на = а не на батон?! пересмотрите ID - ониже все таки подразумевают уникальное имя элемента...
resblock.innerHTML = fplus(arg1, arg2);
}
else if (document.querySelector('#rad').name = "minus") {
resblock.innerHTML = fminus(arg1, arg2);
}
else {
resblock.innerHTML = fmult(arg1, arg2);
}
}