Change box color DOM manipulation

webpage.html

<style>
    .red-square {
        width: 100px;
        height: 100px;
        background-color: crimson
    }
</style>


<div class="red-square"></div>


<button onclick="changeColor('gray')">change</button>
<button onclick="changeColor('red')">red</button>
<button onclick="changeColor('blue')">blue</button>
<button onclick="changeColor('black')">black</button>
<button onclick="changeColor('yellow')">Yellow</button>

<script>
    const redSquare = document.querySelector('.red-square');
    redSquare.style.marginLeft = '500px'    
    redSquare.style.backgroundColor = 'limegreen'

    function changeColor(color) {
        redSquare.style.backgroundColor = color
    }
</script>