JavaScript【JavaScript】非同期通信でJsonファイルを読み込み、ファイルの内容を表に出力する ■作成するプログラムの概要 ・Jsonファイルを非同期で読み込む。 ・読み込んだJsonファイルの内容について、HTMLの表に出力する。 ・Jsonファイルは「ID」と「部署名」を記入する。 ▼実行環境 Vi... 2022.10.18JavaScript
JavaScript【JavaScript】表のヘッダーの背景色を変更する ■作成するプログラムの概要 ・HTML画面起動時に表(table)について、ヘッダーの背景色を変更する。 ・背景色は2色(青色、黄色)用意し、画面起動時、任意の色に変更する。 ・HTMLファイルとJavaScriptファ... 2022.10.11JavaScript
JavaScript【JavaScript】5秒後に自動的に別ページへ画面遷移する ■実装するプログラムの概要 ユーザが任意のページに遷移した際、自動的に別ページへ遷移させる。実装するプログラムの概要は以下の通り。 ・HTMLの画面にてJavaScriptを実装する。 ・任意のページを作成し、5秒後にホ... 2022.10.04JavaScript
JavaScript【JavaScript】テキストボックスに入力された値が、郵便番号か判定する ■作成するプログラムの概要 ・HTMLの画面にてJavaScriptを実装する。 ・テキストボックスに入力された値が、郵便番号か判定する。郵便番号の場合は「OK」を出力し、郵便番号ではない場合は、「郵便番号に誤りがあります」を... 2022.09.27JavaScript
JavaScript【JavaScript】チェックボックスにチェックが入っている場合のみボタンを有効にする ■作成するプログラムの概要 ・HTMLの画面にてJavaScriptを実装する。 ・チェックボックスにチェックが入っている場合のみボタンを有効にする。 ■フローチャート ■プログラム仕様 入力処理内容... 2022.09.20JavaScript
JavaScript【JavaScript】入力必須のテキストボックスに値が入力されていない場合のエラー判定 ■作成するプログラムの概要 ・HTMLの画面にてJavaScriptを実装する。 ・入力必須のテキストボックスに値が入力されていない場合、テキストボックスの背景色をピンクにする。 ■フローチャート ■プログ... 2022.09.13JavaScript
JavaScript【JavaScript】ボタンクリック処理実行中のボタンを無効にし、重複実行を防ぐ ■ボタンの有効/無効 ボタンを有効/無効にする場合は、「document.getElementById」プロパティの「disable」を使用する。 let btn = document.getElementById('ボタンの... 2022.09.06JavaScript
JavaScript【JavaScript】JSONデータを読み込み、HTMLへ出力する ■JSON ▼JSONとは 大量のデータを効率よく管理・処理するためのファイル形式として、JSON(JavaScript Object Notation)がある。 なお、JavaScriptに限らず、他のプログラミング言... 2022.08.30JavaScript
JavaScript【JavaScript】クラスの定義(コンストラクタ):名前を入力して、挨拶文を出力する ■クラスの定義 クラス(新しいオブジェクト)を作成することで、変数や複数の処理をまとめることができる。 クラスの定義、クラスのインスタンス方法は以下の通り。 // クラスの定義 class <クラス名> { ... 2022.08.23JavaScript
JavaScript【JavaScript】Math.randomを使用して、任意の10桁の文字列を生成する ■Math.random Math.random()メソッドは、0から1の間の任意の少数を生成する。 document.write(Math.random()); // 0.6030100553098923 この... 2022.08.16JavaScript