カテゴリー「JavaScript」に関連するページ一覧 4ページ目

ブラウザがlocalstorageに対応しているか判定します。専用のファンクションは用意されていないので、try-catch内の処理で実際にlocalstorageにアクセスしてみて、エラーになれば対...

ブログやホームページでよくある、クリックするとページの先頭（TOP）にスクロールするボタンを実装します。JQueryを使用したサンプルが多いですが、ここではJQueryは使わずに実装します。bodyの...

JavaScriptでテキストボックスやボタンなどのhtmlの要素のスタイルを変更します。要素.style.スタイル名 = スタイルの値で設定できます。background-colorのように、-が含...

JavaScriptのオブジェクト配列（jsonも同様）をSQLのGROUP BYのように集計します。具体的には以下のようなことができるようになります。いろいろとやり方はあるかと思いますが、今回はre...

JavaScriptのreduce関数の基本的な使い方を説明します。以下のコードはreduce関数を使って配列の合計値を求めています。配列.reduce(関数, 初期値);としたとき、reduce関数...

JavaScriptの配列を文字列に変換する方法を紹介します。配列→文字列と文字列→配列の両方のパターンを紹介します。配列を文字列に変換するにはjoinを使います。配列.join(区切り文字);で文字...

JavaScriptで他の言語でいうところのpadLeftのように、指定した文字数に０埋め（0ではなく任意の文字でも可能）する方法を紹介します。padLeftのようにファンクション化せずに使用するだけ...

htmlのテキストボックス（input type=text）で値を入力後、指定した文字数に０埋めする処理を実装します。以下のURLで紹介した処理を組み合わせれば簡単に実装できます。

スマホなどのモバイル端末ではタップなどのイベントもあるのでクリックイベントは少しタイムラグが生じます。対策として、タップイベントが対応している場合はクリックイベントではなくタップイベントで処理を実装す...

addEventListenerでイベントを指定するときに、指定したファンクションに引数を設定したい場合があります。例えば以下のように指定してもaddEventListenerでイベントを設定するタイ...