Changing properties

jQuery(document).ready(function($) {
  let currentColor = 'red'; 
  let currentShape = 'circle';

$(".controlColor").find(":button").click(function() {
    currentColor = $(this).attr('id'); 
    $('#shape').css('background-color', currentColor); 
  });

$('#circleBtn').click(function() {
                $('#shape').css({
                    'border-radius': '50%',
                    'width': '100px',
                    'height': '100px'
                });
            });

$('#squareBtn').click(function() {
                $('#shape').css({
                    'border-radius': '0',
                    'width': '100px',
                    'height': '100px'
                });
            });

$('#rectangleBtn').click(function() {
                $('#shape').css({
                    'border-radius': '0',
                    'width': '200px',
                    'height': '100px'
                });
            });

$('#ellipseBtn').click(function() {
                $('#shape').css({
                    'border-radius': '50px',
                    'width': '200px',
                    'height': '100px'
                });
            });
});

Results:

Выберите цвет

Выберите форму