не срабатывает событие 'click' на body

var bodyClick = document.body; 
var wrapper = document.getElementById('wrapper'); 
bodyClick.style.backgroundColor = 'yellow'; 
 
wrapper.addEventListener('click', function() { 
 
  wrapper.style.backgroundColor = 
 
    (wrapper.style.backgroundColor !== 'red') ? 
    wrapper.style.backgroundColor = 'red' : 
    wrapper.style.backgroundColor = 'white'; 
}) 
 
 
bodyClick.addEventListener('click', function() { 
 
  bodyClick.style.backgroundColor = 
    (bodyClick.style.backgroundColor !== 'yellow') ? 
    bodyClick.style.backgroundColor = 'yellow' : 
    bodyClick.style.backgroundColor = 'green'; 
})

html { 
  height: 100%; 
} 
 
body { 
  min-height: 100%; 
  margin: 0; 
  padding: 8px; 
  box-sizing: border-box; 
}

<div id="wrapper">Block</div>