カテゴリ:JavaScript:記事一覧
このカテゴリの記事は、JavaScriptを使ったプログラミングについて、実際にやったことを中心に紹介します。
JavaScriptでDOM操作をおこなっているとgetElementsByClassNameメソッドで取得した要素をforEachで処理したいときがあります。しかし実際にコードを作成して実行するとエラーになってしまいます。ここではその理由と、対処方法についてお伝えします。
JavaScriptには言語仕様上『array-like object』というものがある。アレイライクオブジェクト、または配列風オブジェクト、または配列のようなオブジェクトなどに日本語訳されています。つまり、配列に似ているけれど配列ではないオブジェクトですね。
forEach内でawaitを使用して非同期処理の終了を待つコードを作成したら、想定した動作になりませんでした。どうしてなのか、その理由と解決方法を探っていきます。
JavaScriptには配列内のデータを並び変えるsortというメソッドがあります。しかし配列内のデータが順番に並び変えられていて、その配列に新しい値を挿入したい場合は、sortメソッドは非効率です。
「後〇〇分で終了」なんて聞くと、自分も参加してくなります。これをWebページやるときはカウントダウン表示すると、効果的ですね。そこで今回は、ブラウザ上にカウントダウンタイマーを設置する方法を紹介します。
JavaScriptを使用して処理時間や経過日数を求める方法を紹介します。プログラム中の処理にかかった時間を知りたいなど、タイマー的な経過時間を知りたいときはDate.now()で現在の時間を取得します。
JavaScriptで偶数奇数判定をおこなおうとしたら、組み込み関数が存在していませんでした。そこで独自に偶数奇数判定をおこなう関数を作成してみます。
うるう年を判定するとき、西暦から計算で求めるのが一般的です。しかしJavaScriptは既存のオブジェクトメソッドを一工夫することでうるう年判定可能です。
JavaScriptでブラウザ上で動くストップウォッチを作成してみます。今回は開始と停止だけでなく、一時停止からの再開やラップ測定も組み込んでみます。
WordPressでJavaScriptのコードを組み込んでも、コードが実行されないケースが時々あります。実はwordpressは独自のjQueryを用意していて、その中で$()での呼び出しを無効にしています。
Googleアナリティクスでボタンがクリックされたかどうかを測定する場合、一つの方法としてonclick属性でgtag関数を呼び出す方法があります。しかし関数処理中にページが遷移すると、アナリティクスに情報が送信されないという致命的な問題があります。今回はこの問題の対処について考えてみます。なおアナリティクスには新しいタグとしてGA4というものが導入されています。このタグは以前と同じgtag関数を使用するので、この記事はそのまま活かすことができます。
htmlのonclick属性は要素をクリックしたときに実行したい処理を記述することができます。しかし、クリックされた要素に対して少し複雑な処理をしたいときは、thisやargumentsオブジェクトを効果的に使用します。
DOM要素をクリックした時に処理をおこないたいとき、onclickまたはaddEventListenerで処理内容を登録することができます。しかしこの二つの方法は何が異なるのか明示されていることが少ない。そこで今回は、onclickとaddEventListenerの違いについてお伝えします。
僕が運営している別のサイトで、ダウンロードリンクをクリックすると自動広告が表示されたままになるという記事を書きました。この記事内でお伝えしているJavaScriptコードを、こちらの記事で解説します。