Every time when i click the button i am getting checked as undefined…

<ons-list modifier="inset" class="settings-list">        
       <ons-list-item >
         <span class="trn" data-trn-key="enabled_push_notification">Restaurant ON/OFF</span>
         <ons-switch var="s"  modifier="list-item" onclick ="checking();"     ></ons-switch>
       </ons-list-item>
     </ons-list>

My javascript function

function checking(){
	alert("checking........+1"+document.getElementById("s").checked);
}

How to center the text 22/10/2018. in the list

<ons-list>

<ons-list-item ><div class=“left”> Monday </div><div class=“trn”> 22/10/2018</div> <div class=“right”>350</div>
</ons-list-item>
<ons-list-item>Tuesday<div class=“right”>400</div> </ons-list-item>
<ons-list-item>Wednesday<div class=“right”>500</div> </ons-list-item>
<ons-list-item>Thursday<div class=“right”>200</div> </ons-list-item>
<ons-list-item>Friday<div class=“right”>400</div> </ons-list-item>
<ons-list-item>Saturday<div class=“right”>500</div> </ons-list-item>
<ons-list-item>Sunday<div class=“right”>300</div> </ons-list-item>

<ons-list>

I have googled a lot but could not find a decent code to build a responsive table in monaco.guys can you help me…