<html>
<body>
<ul style="border:solid; cursor:hand;">
<li id="li1" style="background-color:blue;" onClick="alert(this.value);">Click Item 1
<li id="li2" style="background-color:gold;" onClick="alert(this.value);">Click Item 2
<li id="li3" style="background-color:blue;" onClick="alert(this.value);">Click Item 3
<li id="li4" style="background-color:gold;" onClick="alert(this.value);">Click Item 4
<li id="li5" style="background-color:blue;" onClick="alert(this.value);">Click Item 5
</ul>
<script language="JavaScript">
document.getElementById("li1").value = 1;
document.getElementById("li2").value = 2;
document.getElementById("li3").value = 3;
document.getElementById("li4").value = 4;
document.getElementById("li5").value = 5;
</script>
</body>
</html>