de_Karabas,
Условия никакие не нужны - наступление события и есть условие выполнения обработчика
вариант на jQuery
<style>
.zero {position: absolute;
height: 100px;
width: 100px;
border: 1px solid black
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$( document ).ready(function(){
$('.zero').on('click', function() {
$(this).css('background-color', 'green')
});
});
</script>
<div class="zero"><div>
вариант на чистом JS
<style>
.zero {position: absolute;
height: 100px;
width: 100px;
border: 1px solid black
}
</style>
<script>
function changeColor(elem) {
elem.style.background='green';
}
</script>
<div class="zero" onclick="changeColor(this);"><div>
Можно также при помощи addEventListener()
https://learn.javascript.ru/introduction-browser-events