Monaca Cloud IDEにてプログラミングの勉強をしています。
本題ですが、ons-switchのメソッド isCheckedを使ってPタグの内容を変更しようと”monaca公式ガイドブック HTML5ハイブリッドアプリ開発”を参考にやってみましたが、上手くいきませんでした。(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>