Переключение фона по клику?

Дело в том что я создаю сайт на Wordpres, и код мне для подвала в виджеты HTML

У меня переливающий фон, и суть в том пользователь может одной кнопкой изменить фон например на белый, далее вернуть по умолчанию.

Вот код который работает у меня:

<script>
var colorArray = [ "#f2f3f4" ]; // массив с цветами
var i = 0; // итератор

function changeColor() {
    var currentColor = colorArray[i];
    document.body.style.background = currentColor;
    localStorage.setItem('backgroundColor', currentColor);
    i++;
    if( i > colorArray.length - 1){
        i = 0;
    }
}

</script>
<input type="button" onclick="javascript:changeColor();"/> 

<script>
  window.onload = function() {
    document.body.style.background = localStorage.getItem('backgroundColor');
  };
</script>