クリックイベントで効果実感。クリックイベントで効果実感。このコーナーも第2回です。効果を出しちゃいましょう(⋈◍>◡<◍)。晴れボタンを押して、「今日は晴れです。アイスクリームが食べたいです。」を出しちゃいましょう。a.htmlでも、拡張子をhtmlにしてください。htmlファイルができますので、ブラウザを開いて、ファイルをドラック&ドロップでブラウザにダイブせさてください。id="content_2">今日は晴れです。アイスクリームが食べたいです。"hidden";}});})();</script></body></html>上の</html>までをコピペして、メモ帳に張って、a.htmlで、保存します。(.htmlのaの部分はローマ字で任意で大丈夫です)そのファイルを、ブラウザに張り付けてみましょう。クリックして、閉じる処理のものが出来上がります。処理の流れをみてみましょう。これを利用して、「もっと読む」ボタンや、「開く」「閉じる」ボタンなど、応用は色々できます。1:クリックする2:クリックしたら、コンテンツが出てくる3:コンテンツを閉じたいので、もう一度クリックする大まかに分類したら、以上の処理ですね^0^では、まず1の部分。・クリックをする前に、コンテンツが出ていたら嫌ですよね。コンテンツ部分:今日は晴れです。アイスクリームが食べたいです。・そこで、登場するのが、ididの名前はなんでも良いです。マークみたいなものです。それをCSSホームページなどを、装飾する言語を使って、消しちゃいます。出す、表示.という意味です。覚える必要はありません。忘れたら検索すればいいです。いうものがあるといのだけは忘れないでください。functionこれは、「これからやるぜって感じです。走るぜってイメージでいいです」厳密にいうと、関数処理、処理をまとめたものなど、イメージでわかっていればいいです。strict';これは、流行りです。厳密にエラーチェックをして、処理が高速化されます。10回くらい書けば、覚えます。忘れたら、検索しましょう。document.getElementById(’’);これは、('')の中にidを入れてあげると、その要素をいじって遊べます。毎回、document.getElementByIdを書くのは面倒くさいですよね。getEの中に入れちゃいましょう。con_2も同じです。文章が長くなってきたので、もう一度イメージしましょう。document.getElementById('kumori');です。晴れ、曇り、雨で分岐してやろうと思ったのですが、失敗しました。要は、id名はボタンが晴れというテキストだろうが、kumoriでいいんです。なんでも、大丈夫ってことです。アイスクリームが食べたいです。document.getElementById('content_2');です。どんな?クリックだよ。clickどんな?は独り言です・・・その後にfunctionが続きます。