[Marker]

<style type="text/css">
div[onclick^="change1"]{
 border:red solid 1px;
 width:100px;
 margin:2px;
 padding:6px;
}
</style>


<script type="text/javascript">
function change1(a) {
a.innerHTML = a.id;
}
</script>


<div onclick="change1(this)" id="products"></div>
<div onclick="change1(this)" id="services"></div>

Учитель ничего не говорит про div[onclick^="change1"]. Не думаю что это тот способ, который нужен. Как ещё можно сделать.