JavaScript

ツール

【JavaScript】選択したボタンごとに値を増減させる

■実装の概要「+」と「ー」のラジオボタンと「A」、「B」、「C」の3つのボタンを用意する。・「+」「ー」ラジオボタンラジオボタンが「+」の場合は、値を増加させる。ラジオボタンが「ー」の場合は、値を減少させる。・「A」「B」「C」ボタン「A」...
JavaScript

【JavaScript】非同期通信でJsonファイルを読み込み、ファイルの内容を表に出力する

■作成するプログラムの概要・Jsonファイルを非同期で読み込む。・読み込んだJsonファイルの内容について、HTMLの表に出力する。・Jsonファイルは「ID」と「部署名」を記入する。▼実行環境Visual Studio Codeの「Liv...
JavaScript

【JavaScript】表のヘッダーの背景色を変更する

■作成するプログラムの概要・HTML画面起動時に表(table)について、ヘッダーの背景色を変更する。・背景色は2色(青色、黄色)用意し、画面起動時、任意の色に変更する。・HTMLファイルとJavaScriptファイルは別々にする。■画面レ...
JavaScript

【JavaScript】5秒後に自動的に別ページへ画面遷移する

■実装するプログラムの概要ユーザが任意のページに遷移した際、自動的に別ページへ遷移させる。実装するプログラムの概要は以下の通り。・HTMLの画面にてJavaScriptを実装する。・任意のページを作成し、5秒後にホームページ()へ遷移させる...
JavaScript

【JavaScript】テキストボックスに入力された値が、郵便番号か判定する

■作成するプログラムの概要・HTMLの画面にてJavaScriptを実装する。・テキストボックスに入力された値が、郵便番号か判定する。郵便番号の場合は「OK」を出力し、郵便番号ではない場合は、「郵便番号に誤りがあります」を出力する。なお、郵...
JavaScript

【JavaScript】チェックボックスにチェックが入っている場合のみボタンを有効にする

■作成するプログラムの概要・HTMLの画面にてJavaScriptを実装する。・チェックボックスにチェックが入っている場合のみボタンを有効にする。■フローチャート■プログラム仕様入力処理内容出力-チェックボックスのIDを取得する。--【チェ...
JavaScript

【JavaScript】入力必須のテキストボックスに値が入力されていない場合のエラー判定

■作成するプログラムの概要・HTMLの画面にてJavaScriptを実装する。・入力必須のテキストボックスに値が入力されていない場合、テキストボックスの背景色をピンクにする。■フローチャート■プログラム仕様入力処理内容出力-テキストボックス...
JavaScript

【JavaScript】ボタンクリック処理実行中のボタンを無効にし、重複実行を防ぐ

■ボタンの有効/無効ボタンを有効/無効にする場合は、「document.getElementById」プロパティの「disable」を使用する。let btn = document.getElementById('ボタンのIDを指定');/...
JavaScript

【JavaScript】JSONデータを読み込み、HTMLへ出力する

■JSON▼JSONとは大量のデータを効率よく管理・処理するためのファイル形式として、JSON(JavaScript Object Notation)がある。なお、JavaScriptに限らず、他のプログラミング言語でも、JSONを使用する...
JavaScript

【JavaScript】クラスの定義(コンストラクタ):名前を入力して、挨拶文を出力する

■クラスの定義クラス(新しいオブジェクト)を作成することで、変数や複数の処理をまとめることができる。クラスの定義、クラスのインスタンス方法は以下の通り。// クラスの定義class <クラス名> { // ここに処理を定義する。}//...