JavaScript

Prism.js を利用すると、プログラムのコードに色づけをして見やすくすることができます。

<!doctype html><html lang="ja"><head&

JavaScript

JavaScript の Fetch API を利用して、GETのリクエストを行い、JSONの値を取得します。
fetch にて URL を渡すと GET でリクエストが行えます。

fetch(' .then(( ...

JavaScript

JavaScript でストップウォッチを作ってみます。動くサンプルはこちら。

先にHTML部分です。div部分がクリックされたら stopWatch が実行されます。開始・停止・リセットのボタンを別に用意するのは使い勝手 ...

JavaScript

JavaScript でキーボードで何のキーが押されたかを判断します。単独のキーだけでなく、Shift や Ctrl などの修飾キー同時押しも判別できます。動くサンプルはこちら。

キーボードを押すと onkeydown、離 ...

JavaScript

JavaScript で子のウィンドウを開いてみます。タイトルバーやアドレスバーを表示・非表示することも可能ですが、ブラウザによってバラバラで統一されていないため、あまり統一しない方が無難かもしれません。

新しいウィンドウ ...

JavaScript

JavaScript を使って時計を作ってみます。全コードが知りたい方は、最後に載せているコードをご利用ください。

JavaScript 部分から作成していきます。現在日時を表示に合わせてフォーマッティングしていきます。日 ...

JavaScript,プログラミング

JavaScriptでウィンドウの大きさを変えたことを検知し、幅や高さを取得する方法です。こちらのサンプルでは、ブラウザの大きさを変えるたびにサイズを表示・更新することができます。

<!DOCTYPE html>&l ...

JavaScript,プログラミング

JavaScript が先に実行されてしまうことで、エラーなることがあります。headタグにスクリプトを書いた場合などは、HTMLが読み込み終わる前に実行されてしまうことになります。スクリプトで必要なコンテンツがない場合はエラーとなっ ...