よくサンプルとしてある表示、非表示の簡単な処理

よくある表示、非表示サンプルを自分で作ってみました。
まずは小さな事からコツコツと。

１．まずはIDを取得してからstyleでdisplay = "none";を当てる。

２．関数で囲み、変数でidのbox1を取得。
次にif文の条件分岐で変数boxにdisplayがblockの場合は非表示にする。
処理を施すように命令。

3.次にその他の場合はdisplay blockを適用し、要素を表示させる。

4.inputのボタンで表示、非表示のイベントを発生させる。