JSFiddle - React, Tailwind, and code Playground

by pierian_design

HTML

<form>
  <input type="radio" name="test" value="radio-1">
  <input type="radio" name="test" value="radio-2">
</form>

<div id="a">Вот блок</div>

JavaScript

var inputs = document.querySelectorAll("input");
var div1 = document.getElementById("a");

function one() {
  for ( n = 0; n < inputs.length; n++ ) {
    inputs[n].addEventListener("click", function() {
      if (this.value == "radio-2") {
        div1.classList.add("custom");
      }else{
        div1.classList.remove("custom");
      }
    });	
  }
}
//вызов функции one
one();

function two(a, b) 
	console.log(a + b);
	/* 
  нужно, чтобы изменение класса блока влияло на работу функции,
  что-то вроде этого, только на лету:
  
	if(div1.classList.contains("custom")) {
  	console.log(a - b);
  }else{
  	console.log(a + b);
  }
  */
}

//несколько вызовов функции two
two(1, 2);
two(3, 4);
two(5, 6);