JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="inner-body">
<button class="change-color" data-color="purple">1</button>
<button class="change-color" data-color="red">2</button>
<button class="change-color" data-color="blue">3</button>
<button class="change-color" data-color="green">4</button>
</div>

JavaScript

jQuery(document).ready(function() {
	jQuery('.change-color').on('click', function(event) {
		event.preventDefault();
    var color = jQuery(this).data('color');
   	jQuery('#inner-body').css('background-color', color);
  });
});