style-input.js

var color_picker = document.getElementById("color-picker");
var color_picker_wrapper = document.getElementById("color-picker-wrapper");
// below is called when the picker colour changes
color_picker.onchange = function() {
	color_picker_wrapper.style.backgroundColor = color_picker.value;    
}
color_picker_wrapper.style.backgroundColor = color_picker.value;

var color_picker_2 = document.getElementById("color-picker-2");
var color_picker_wrapper_2 = document.getElementById("color-picker-wrapper-2");
// below is called when the picker colour changes
color_picker_2.onchange = function() {
	color_picker_wrapper_2.style.backgroundColor = color_picker_2.value;    
}
color_picker_wrapper_2.style.backgroundColor = color_picker_2.value;

var color_picker_3 = document.getElementById("color-picker-3");
var color_picker_wrapper_3 = document.getElementById("color-picker-wrapper-3");
// below is called when the picker colour changes
color_picker_3.onchange = function() {
	color_picker_wrapper_3.style.backgroundColor = color_picker_3.value;    
}
color_picker_wrapper_3.style.backgroundColor = color_picker_3.value;

var color_picker_4 = document.getElementById("color-picker-4");
var color_picker_wrapper_4 = document.getElementById("color-picker-wrapper-4");
// below is called when the picker colour changes
color_picker_4.onchange = function() {
	color_picker_wrapper_4.style.backgroundColor = color_picker_4.value;    
}
color_picker_wrapper_4.style.backgroundColor = color_picker_4.value;

var color_picker_5 = document.getElementById("color-picker-5");
var color_picker_wrapper_5 = document.getElementById("color-picker-wrapper-5");
// below is called when the picker colour changes
color_picker_5.onchange = function() {
	color_picker_wrapper_5.style.backgroundColor = color_picker_5.value;    
}
color_picker_wrapper_5.style.backgroundColor = color_picker_5.value;