JavaScriptは主にブラウザ上で動くので、ここではユーザーがブラウザ上で選択したテキストファイルを読み込む方法について説明します。ファイルを読み込むためにはFile APIを利用します。FileReaderオブジェクトを使ってsample.txtを読み込み、ファイル内容をテキストエリアに表示するサンプルプログラムについて見て行きましょう。sample.txtaaaaaaaa bbbbbbbb……

ここではJavaScriptからCSVファイルを読み込む方法について説明します。JavaScriptではJSON形式のファイルがよく使われますが、CSVファイルも互換性の高さから様々な場面で利用されます。ここでは、以下のようなsample.csvを文字列として読み込み、使いやすい二次元配列に変換するプログラムについて説明します。sample.csv0001,itemA,500yen 0002,it……

プログラミングではタイマー処理を行いたいことがあります。JavaScriptでは、指定時間後に関数を呼び出すsetTimeout()と、指定した時間間隔ごとに繰り返し関数を呼び出すsetInterval()があります。ここでは、指定した時間間隔で関数を呼び出すsetInteval()について説明します。setInterval()記述方法setInterval()は、一定の時間間隔ごとに関数を繰り返……

JavaScriptのプログラムからHTML要素のidを取得する方法について説明します。HTML要素オブジェクトのプロパティとしてidを取得するHTML要素のidは、HTML要素オブジェクトのプロパティとして取得することができます。次のサンプルプログラムでは、ボタンをクリックすると<input>要素に付与されたidを取得して表示します。HTML<input type="butto……

JavaScriptで日付を一定のフォーマットで表示する方法について説明します。yyyy年mm月dd日(曜日)のフォーマットで日付を表示する例えば、yyyy年mm月dd日(曜日)というフォーマットで現在の日付を表示する場合、次のようなプログラムになります。var date = new Date(); // 現在日時を生成 var yyyy = date.getFullYear();……

ここでは、フォームの必須項目欄が入力されているかどうかをチェックする方法について説明します。フォームに必須項目が入力されていればフォームを送信し、入力されていなければアラートを表示し送信を取りやめます。サンプルプログラムHTML<form metod="post" name="form1" action="result.html"> 氏名（必須）　　：<input type="t……

JavaScriptで文字列を数値に型変換する方法について説明します。Number(), parseInt(), parseFloat()を使った明示的な型変換文字列を数値型に型変換するにはNumber(), parseInt(), parseFloat()を使います。Number()は簡単に使えて便利ですが、数字以外を含む文字列を引数に指定するとNaNを返すので注意が必要です。parseInt(……

変数は、どの範囲からアクセスできるかによって２種類のスコープ（範囲）をもち、それぞれグローバル変数、ローカル変数と呼ばれます。JavaScriptでは、関数の外側で宣言した変数はグローバル変数として扱われ、プログラムのどこからでもアクセスすることができます。一方、関数の内側で宣言された変数はローカル変数として扱われ、宣言された関数内からのみアクセスできます。ここでは、JavaScriptにおけるグ……

プログラミングではタイマー処理を行いたいことがあります。JavaScriptでは、指定時間後に関数を呼び出すsetTimeout()と、指定した時間間隔ごとに繰り返し関数を呼び出すsetInterval()があります。ここでは、指定した時間後に関数を一度だけ呼び出すsetTimeout()について説明します。setTimeout()の記述方法setTimeOut('関数', 時間);関数を実行する……

getElementById()を使ってidからHTML要素を取得する方法について説明します。getElementById()の記述方法getElementById()はdocumentオブジェクトのメソッドですので、以下のように使用します。document.getElementById('id名');HTML要素オブジェクトを取得するgetElementById()は、引数に指定したid名を手が……