JSFiddle - React, Tailwind, and code Playground

HTML

Переменная А: 
<input type=text id="nA" name="nameA" value="" size="5"><br> 
<br> 
Переменная Б: 
<input type=text id="nB" name="nameB" value="" size="5"><br> 
<br> 
Действие: 
<select id="sel" name="select"> 
  <option value="s1">Сложить</option> 
  <option value="s2">Вычесть</option> 
  <option value="s3">Умножить</option> 
  <option value="s4">Разделить</option> 
</select><br> 
<br> 
<input type="button" value="Рассчитать" onclick="Func()"><br> 
<br> 
Результат: 
<input type="text" id="nC" name="nameC" value="" size="25"><br> 
<br>

JavaScript

function Func() 
{  
_('nC').value = Mat(_('nA').value,_('nB').value,_('sel').value); 
} 

var _ = function(id) {
    return document.getElementById(id);
}

function Mat(vA, vB, vV) 
{ 
switch(vV) {
    case 's1': return 1 * vA + 1 * vB;     
    case 's2': return 1 * vA - 1 * vB;   
    case 's3': return vA * vB;   
    case 's4': return vA / vB;   
    return '';
  }
}