Смена цвета фона на градиент по нажатию JavaScript

window.onload = function() { 
  document.getElementById('linkinclr').onclick = function() { 
    document.getElementById("clrmen").style.backgroundColor = "#f2f1ec"; 
 
    return false; 
  } 
  document.getElementById('linkinclr2').onclick = function() { 
    document.getElementById("clrmen").style.backgroundColor = "#f2f1ec"; 
    return false; 
  } 
  document.getElementById('linkinclr3').onclick = function() { 
    document.getElementById("clrmen").style.backgroundColor = "#f2f1ec"; 
    return false; 
  } 
  document.getElementById('linkinclr4').onclick = function() { 
    document.getElementById("clrmen").style.backgroundColor = "#f2f1ec"; 
    return false; 
  } 
}

<nav id="clrmen" id="cpock" class="l-nav pushy pushy-left" style="visibility: visible;"> 
  <!-- Menu Button --> 
  <ol> 
    <ul id="menu-primary-menu" class="l-nav__menu"> 
 
      <p> 
        <li id="linkin"> 
          <a id="linkinclr" class="animsition-link" href="gallery.html" data-animsition-out-class="overlay-slide-out-left"> 
            <div class="ml">Gallery</div> 
          </a> 
        </li> 
      </p> 
      <p> 
        <li id="linkin"> 
          <a id="linkinclr2" class="animsition-link" href="about.html" data-animsition-out-class="overlay-slide-out-left"> 
            <div class="ml">About</div> 
          </a> 
        </li> 
      </p> 
      <p> 
        <li id="linkin"> 
          <a id="linkinclr3" class="animsition-link" href="courses.html" data-animsition-out-class="overlay-slide-out-left"> 
            <div class="ml">Courses</div> 
          </a> 
        </li> 
      </p>