JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<head>
  <title>Test</title>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
  <style type='text/css'>
  .btn {border:1px solid #000}
  .btn.blue {color:#00F; font-weight:bold}
  </style>
  <script type='text/javascript' src='https://code.jquery.com/jquery-3.1.1.min.js'></script>
  <script type='text/javascript'>
  function setBlue() {
    $('.btn').addClass('blue');
  }
  function setDefault() {
    $('.btn').removeClass('blue');
  }
  </script>
</head>

<body>

<input type='button' class='btn' value='Первая кнопочка'>
<input type='button' class='btn' value='Вторая кнопочка'>
<input type='button' class='btn' value='Третья кнопочка'>

<hr>
<input type='button' onclick='setBlue()' value='Сделать синими'>
<input type='button' onclick='setDefault()' value='Сделать обычными'>

</body>

</html>