デザインデータやテキストデータを扱う際に都度brタグを挿入するのが手間なので改行を自動でbrタグに変換するコードを作ってみた 改行\nをbrタグに変換するコード <textarea id="before&…

一定時間操作がなかったら自動で指定をした処理を実行する関数を作りたかった時の備忘録 setTimeout関数を使います 一定間操作がなかったら指定の処理を実行するコード クリックしてから3秒後にアラートがでるけど、クリッ…

フォームにテキストが1文字入力されるたびに実行できるoninputメソッドというのがあったので備忘録 oninputプロパティの使い方 inputタグで使う場合 <input oninput="input…

{}（波括弧）で囲まれたオブジェクト（連想配列）が空かどうかをif文でチェックする方法 連想配列の中身が空かどうか確認するif文 var obj = {};// 空の連想配列の用意 if (Object.keys(obj…

if文やfor文などで使われる「{}(波括弧)」はブロックスコープと呼ばれるもので、varを使った時とletを使った時の違いについての備忘録 ブロックスコープとは es6(ES2015)から追加された概念 varを使って…

スコープ周りをざっくり理解するための備忘録 グローバルスコープ グローバルスコープであればどこからでもアクセスできる var a = 'Global';// グローバルスコープの宣言 (functio…

無名関数と即時関数と聞いて書き方を思い出せなかったので備忘録 無名関数と即時関数の書き方 無名関数 関数を代入した変数を呼び出すことで実行される // es5 var func1 = function(){ consol…

連想配列でキーの部分のみ取得したかったときの備忘録 連想配列の”キー”と”値”のみの取得方法 Object.keys()とObject.values()でそれぞれ取得可能 …

連想配列のキー(key)と値(value)出力で「Uncaught TypeError: object.forEach is not a function」というエラーが出たので備忘録 連想配列の出力方法 連想配列を通常…

特定のタグに要素を入れたかった時の備忘録 特定の要素に”テキスト”として挿入する方法 <div id="test"></div> <script&…