JavaScriptイベント

スクロール量に合わせてページの背景色のCSSを変更していくシンプルなJavaScriptの動作サンプルとサンプルコードです。 スクロール量に合わせて背景色を変更する 動作サンプル See the Pen JavaScript Change ...

JavaScriptイベント

JavaScriptを使ってCSSのスタイルを動的に変更する方法です。 要素の背景色を変更するボタン、要素のポジションを変更するボタン、また.styleで指定可能な主なstyle属性一覧を紹介しています。 要素の背景色を変更するボタン Ja ...

JavaScriptイベント

JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントを実装する方法です。 マウスホバーイベントを実装する方法 JavaScriptを使って指定した要素に対してマウスホバー(マウスオーバー)イベントはaddE ...

JavaScript取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...

JavaScript判別

JavaScriptを使って現在表示中のページがHTTPかHTTPSかを判別する方法です。 またHTTPの場合にHTTPSのページにリダイレクトする方法も紹介しています。 httpかhttpsかを判別する方法 location.protoc ...

JavaScript判別, 文字列

JavaScriptを使った文字列の前方一致や後方一致を判別する方法です。 文字列の前方一致を判別する startsWith()関数を利用して文字列の前方一致を判別する方法になります。 startsWith()関数は指定した文字列の前方が第 ...

JavaScriptイベント

テキストや要素上での左クリックまたは右クリックをトリガーにしたJavaScriptイベントの実装方法です。 左クリックをトリガーにしたイベントの実装方法 JavaScriptで左クリックをトリガーにしたイベントの実装方法になります。 実装サ ...

2019-06-15JavaScript

JavaScriptを使ってマイナス値をプラス値に、プラス値をマイナス値に変更する方法です。 マイナスをプラス、プラスをマイナスにする 計算式でマイナスをプラス、プラスをマイナスにする -(value) サンプルコード let n1 = - ...

2019-05-24JavaScript正規表現

JavaScriptで使う正規表現の判別サンプル集になります。 javaScriptでの正規表現フラグ | JavaScriptメモ 正規表現での判別サンプル集 指定の文字が含まれているか if( str.match(/o/) ){ //含 ...

2019-04-23JavaScript正規表現

「i」大文字小文字を区別しない 「i」をフラグに指定すると検索対象を大文字と小文字の区別をさせずに処理が可能になります if(`Hello World`.match(/hello/i)){ console.log('true'); } 「m ...