【javascriptでスマホメニューを作ろう】

アイコンをタップするとメニューが表示され、
もう一度タップするとメニューが消える。
　
レスポンシブなサイトで必ず見かけるスマホメニューを
初めて javascript を学ぶ生徒さんにお教えしました。
　
きちんと改行しても、
たった10行程度のプログラムで作れるのですが、
　
いろんな基本が詰っています。
　
・プログラムでHTMLにアクセスする方法
・プログラムでCSSを書き換える方法
・クリックやタップをプログラムで認識させる方法
　
来週のレッスンでは、これらをjQueryに置き換えて
もっとシンプルで全ブラウザに対応した動作に
改善していきます。
　
CODEMYのマンツーマンレッスンでは、
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価： 2,400円（税別）出版社：秀和システム
　
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
　
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓動画講座を無料体験してください
http://bit.ly/2hw7mIy