Monaca Cloud IDEにてプログラミングの勉強をしています。

本題ですが、ons-switchのメソッド isCheckedを使ってPタグの内容を変更しようと”monaca公式ガイドブック HTML５ハイブリッドアプリ開発”を参考にやってみましたが、上手くいきませんでした。（ons-switchは表示されていますが、Pタグの内容が変更できていません）
ご教授宜しくお願いします。

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="components/loader.js"></script>
  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="css/style.css">
  <script>
    ons.bootstrap();
  </script>
 </head>
 <body>
    <ons-switch var="myswitch" checked onclick="switchClicked()">           </ons-switch>
    <p id="info"><p/>
   <script>
      function switchClicked(){
      document.querySelector('#info').text(mySwitch.isChecked());}
   </script>  
  </body>
 </html>