Easy JS calc

by Vitaliy T

HTML

<p>
<label for="input-val_1">Число 1</label><input type="number" id="input-val_1" name="val_1">
</p>
<p>
<label for="input-val_2">Число 2</label><input type="number" id="input-val_2" name="val_2">
</p>
<p>
<input type="radio" name="calc_action" value="1" checked> Сумма
</p>
<p>
<input type="radio" name="calc_action" value="2"> Разность
</p>
<p>
<input type="radio" name="calc_action" value="3"> Умножение
</p>
<p>
<input type="radio" name="calc_action" value="4"> Деление
</p>
<p>
<button id="calc" type="button">
Посчитать
</button>
</p>
<input disabled id="calc_result" value="Здесь будет результат">

JavaScript

function calc(args){
	switch (args.action) {
  	case 1: return args.val_1 + args.val_2 
    case 2: return args.val_1 - args.val_2
    case 3: return args.val_1 * args.val_2
    case 4: return args.val_1 / args.val_2
  default:
    alert( 'Что то пошло не так' );
  }
}
$('#calc').on('click', function(){
	var val_1 = $('input[name="val_1"]').val();
  var val_2 = $('input[name="val_2"]').val();
  var action = $('input[name="calc_action"]:checked').val();

  var result = calc({
  action: Number(action),
  val_1: Number(val_1),
  val_2: Number(val_2)
  });
  
  $('#calc_result').val(result);
});