How i can change the color of a div ?

[ivan-vilches]

I am using the code below , and i have a div with id="mybox" how i can change the color background of this div? thanks you

<script type="text/javascript"> // let elm = document.getElementById('box'); var memoryColors = [{ r: 100, g: 200, b: 10, a: 0.6 }, { r: 80, g: 100, b: 50, a: 0.9 }, { r: 70, g: 80, b: 10, a: 0.9 }, { r: 20, g: 200, b: 60, a: 0.9 }, { r: 88, g: 0, b: 30, a: 0.4 }, { r: 100, g: 0, b: 100, a: 0.6 }, { r: 200, g: 0, b: 0 }, { r: 200, g: 30, b: 100 }], $myColorPicker = $('input.color').colorPicker({ customBG: '#222', readOnly: true, init: function(elm, colors)  { // colors is a different instance (not connected to colorPicker) elm.style.backgroundColor = elm.value; elm.style.color = colors.rgbaMixCustom.luminance > 0.22 ? '#222' : '#ddd'; }, draggable: true, appendTo: document.querySelector('.the-paragraph') // renderCallback: function(colors, mode) { // console.log(mode); // } // memoryColors: memoryColors, // actionCallback: function(event, type) { // if (type === 'toMemory') { // // $myColorPicker.renderMemory(memoryColors); // } // } }).each(function(idx, elm)  { // $(elm).css({ // 'background-color': this.value // }) }); </script>