JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <a class="btn" href="#"><button>Green</button></a>
  <a id="changeId" href="#"><button>Change Id!</button></a>
</body>
</html>

JavaScript

$(document).ready(function() {
	$("body").on("click", "a#green", function(){
  	$("body").css("background-color","green");
  });
  $("a#changeId").on("click", function(){
  	$("a.btn").attr("id","green");
  });
});