javascript - Stating variables in the onClick attribute, and using multiple commands in onClick -

alrighty then. before started, did search this, realize there other threads on topic, none of them answered question well.

so trying when tag clicked, creates variable inside of onclick attribute can accessed function used case switch.

1)can variables created in onclick attribute?
2)can multiple commands executed in onclick attribute? : onclick="alert('boo!'); afunction();"?

i apologize lack of code, using apple ipad, , don't use tab button or indents, blah blah.. heres tried:

[..omitted..]
var item = "null";
function executefunction(){
switch(item){
case "item1":
document.getelementbyid("div1").style.display='block';
document.getelementbyid("div2").style.display='none';
document.getelementbyid("div3").style.display='none';
document.getelementbyid("div4").style.display='none';
break;
case "item1":
document.getelementbyid("div1").style.display='block';
document.getelementbyid("div2").style.display='none';
document.getelementbyid("div3").style.display='none';
document.getelementbyid("div4").style.display='none';
break;
case "item2":
document.getelementbyid("div1").style.display='none';
document.getelementbyid("div2").style.display='block';
document.getelementbyid("div3").style.display='none';
document.getelementbyid("div4").style.display='none';
break;
case "item3":
document.getelementbyid("div1").style.display='none';
document.getelementbyid("div2").style.display='none';
document.getelementbyid("div3").style.display=block';
document.getelementbyid("div4").style.display='none';
break;
case "item4":
document.getelementbyid("div1").style.display='none';
document.getelementbyid("div2").style.display='none';
document.getelementbyid("div3").style.display='none';
document.getelementbyid("div4").style.display='block';
break;
}
}

< /script> < ul>
< li onclick="item = 'item1'; executefunction();">some item< /li>
< li onclick="item = 'item2'; executefunction();">some other item< /li>
< li onclick="item = 'item3'; executefunction();">some flying reptile< /li>
< li onclick="item = 'item4'; executefunction();">some psilocin< /li>
< /ul>

[..omitted..]

ok, first multiple commands can used, separated semicolons; however, not recommended ... might try creating master function or series of them 1 function has mentioned in html code.

then, don't need create variables ... try this

<li onclick="executefunction('item1');">some item</li> 

... then, executefunction ...

function executefunction(item) {   document.getelementbyid("div1").style.display='none';   document.getelementbyid("div2").style.display='none';   document.getelementbyid("div3").style.display='none';   document.getelementbyid("div4").style.display='none';    switch(item){     case "item1":       document.getelementbyid("div1").style.display='block';       break;     case "item2":       document.getelementbyid("div2").style.display='block';       break;     case "item3":       document.getelementbyid("div3").style.display='block';       break;     case "item4":       document.getelementbyid("div4").style.display='block';       break;   } }