Estoy tratando de cambiar el color de fondo de un div desde javascript a traves un select en el cual el cliente ya tiene los colores definidos para cada informe.
function myFunction() {
document.getElementById("boxColor").style.backgroundColor = "lightblue";
}
#boxColor {
width: 300px;
height: 300px;
}
<button onclick="myFunction()">Cambiar color</button>
<br>
<br>
<select id="paleta">
<option value="FFFFFF">FFFFFF</option>
<option value="6F8F00">6F8F00</option>
<option value="53AB00">53AB00</option>
<option value="37C700">37C700</option>
<option value="1BE300">1BE300</option>
<option value="00FF00" selected="selected">00FF00</option>
<option value="00DF1F">00DF1F</option>
<option value="00C33B">00C33B</option>
<option value="00A757">00A757</option>
</select>
<!--p><img id="myDIV" src="banio.png" alt="banio" width="580"></p-->
<p>
<div id="boxColor">
<h1>Informe 1</h1>
Estadisticas de ventas Eneno
</div>
</p>
Hasta ahí todo funciona bien, pero no sé como tomas los colores del select y quitar el boton que solo me cambiar un color. Gracias