【JavaScript, jQuery】nullとremoveメソッドを使ったif文で、click表示を１つだけに収める方法（+α oneメソッドとの比較） - Qiita

「ボタンを連打したら何個も同じメッセージが生成されてうざったい。１つだけの生成でいいのに。」 ・・・この問題を解決するコード記述で詰まったので、備忘として残す。 例えば下記のような挨拶ボタンを作りたいとする。 プレビューはこんな感じ（cssの記述は、内容と直接関係ないので割愛。） ※黒い部分はただの墨塗りです。気にしないでください。 挨拶ボタンを押すと、「こんにちは！私の名前は（以下略）」と定型文を出力するようにする。 しかし、このままだと挨拶ボタンをクリックする度にメッセージが何個も出てくる。 click表示（挨拶メッセージ）１つだけに収めたいので、下記のようにnullを使ったif文を関数の中に追記する。 つまり、if文で「あるHTML要素がすでに存在している場合（nullではない場合）」と「存在している場合（else）」の処理をそれぞれ実行できるようにする。 「!= null」は、nu