test_t_55_memo

メモ書きです!

【JavaScript】まとめ

getElementsByClassName クラス名の全ての要素(配列)
getElementById id名の要素
Math.random ランダム値(0以上、1未満)
addEventListener イベントを設定
RegExp 正規表現オブジェクト生成
console.log コンソール出力
getElementById id名の要素
addEventListener イベントを設定
navigator.userAgent ユーザーエージェント(どんな環境からアクセスしてるか)
includes 文字列を含んでいるかどうか判定
innerHTML 要素のHTMLの書換/取得
getElementById id名の要素
addEventListener イベントを設定
setProperty カスタムプロパティに値を設定
getPropertyValue カスタムプロパティの値を取得
Math.PI 円周率
Math.cos(数値) コサイン
Math.sin(数値) サイン
charAt(インデックス) 指定したインデックスの文字を取得
classList.remove 指定したクラスを除去
classList.add 指定したクラスを追加
配列.forEach((element) => { 配列の各要素に処理
addEventListener('keyup' キーが離れたときにイベント発火
textContent テキストの内容を取得/設定
配列.find 条件に一致した要素を返す
classList.remove 指定したクラスを除去
classList.add 指定したクラスを追加
addEventListener('keyup' キーが離れたときにイベント発火
`${}` テンプレート文字列
split 文字列を分割(配列が返される)
innerHTML 要素内のHTMLを取得/設定
dispatchEvent(イベント) イベントを発生させる
new Event('イベント名') イベントを生成する
preventDefault イベントのデフォルトの挙動をキャンセル
... 配列に変換(NodeList -> Array)
配列.filter 条件を満たす別配列を生成
reduce 配列の各要素を左から右に処理
reduceRight 配列の各要素を右から左に処理
addEventListener  
removeEventListener  
`${}` テンプレート文字列
split 文字列を分割(配列が返される)
innerHTML 要素内のHTMLを取得/設定
hasAttribute 要素の属性があるかどうか(true/false)
getAttribute 要素の属性を取得
setAttribute 要素の属性を設定

 

 

base64エンコード・デコード

(参考)

qiita.com