Local storage

window.onload = function (){
    if (localStorage.getItem ('bgcolor')!==null) {
        var color = localStorage.getItem ("bgcolor");
        document.getElementsByTagName ("body")[0].style.backgroundColor = color;
    }
    document.getElementById ("green").onclick = function () {
        document.getElementsByTagName ("body")[0].style.backgroundColor = "green";
        localStorage.setItem ('bgcolor','green');
    }
    document.getElementById ("red").onclick = function () {
        document.getElementsByTagName ("body")[0].style.backgroundColor = "red";
        localStorage.setItem ('bgcolor','red');
    }
}

window.onload = function (){
    var body = document.getElementsByTagName ("body");
    var mass = ['url(if_icon-arrow-down.png)','url(if_icon-arrow-top-b_211614.png)'];
    console.log (localStorage.getItem ("bgimage"));
    if (localStorage.getItem('bgimage') !== null) {
        var color = localStorage.getItem ('bgimage');
        body[0].style.backgroundImage = color;
    }
    document.getElementById ("first").onclick = function () {
        body[0].style.backgroundImage = mass[0];
        localStorage.setItem ('bgimage','first');
    }
    document.getElementById ("second").onclick = function () {
        body[0].style.backgroundImage = mass[1];
        localStorage.setItem ('bgimage','second');
    }
}

var body = document.getElementsByTagName ("body");
    var mass = ['url(https://dummyimage.com/600x400/999999/000000.png)','url(https://dummyimage.com/600x400/000000/ffffff.png)'];
    console.log (localStorage.getItem ("bgimage"));
    if (localStorage.getItem('bgimage') !== null) {
        var color = localStorage.getItem ('bgimage');
        body[0].style.backgroundImage = color;
    }
    document.getElementById ("first").onclick = function () {
        body[0].style.backgroundImage = mass[0];
        localStorage.setItem ('bgimage',mass[0]);
    }
    document.getElementById ("second").onclick = function () {
        body[0].style.backgroundImage = mass[1];
        localStorage.setItem ('bgimage',mass[1]);
    }

var mass=['url(https://dummyimage.com/600x400/999999/000000.png)','url(https://dummyimage.com/600x400/000000/ffffff.png)'];
    if (localStorage.getItem('bgimage') !== null) document.body.style.backgroundImage = localStorage.getItem ('bgimage');
    first.onclick = function () {
        document.body.style.backgroundImage = mass[0];
        localStorage.setItem ('bgimage',mass[0]);
    }
    second.onclick = function () {
        document.body.style.backgroundImage = mass[1];
        localStorage.setItem ('bgimage',mass[1]);
    }

if (localStorage.getItem('bgimage')!== null) document.body.style.backgroundImage = localStorage.getItem ('bgimage');
document.body.onclick = function (e) {
  if(e.target.tagName == 'IMG'){
    document.body.style.backgroundImage="url("+e.target.src+")";
    localStorage.setItem ('bgimage',document.body.style.backgroundImage);
  }  
}