JavaScript

JavaScript

【JavaScript】HTML要素にclass属性を追加する方法

JavaScriptを使って、HTML要素にclass属性を追加する方法をご紹介します。また、複数のclass属性を一度に追加する方法も併せてご紹介しています。
JavaScript

【JavaScript】文字数をカウントする2つの方法

JavaScriptで文字列の文字数をカウントする方法についてご紹介します。lengthプロパティを使うことで簡単に文字数をカウントすることができますが、絵文字などの一部の文字は思った通りにカウントしてくれない場合があります。
JavaScript

【JavaScript】条件のどれかに一致するときの条件式の書き方

JavaScriptで「条件のどれかに一致する」ときの条件式の書き方をご紹介します。if文でも書くことはできますが、条件が増えた時などに読みづらいコードになってしまう可能性があるため、より簡潔に書けると良いですよね。
JavaScript

【JavaScript】配列arrayに要素を追加する方法

push()メソッドを使う方法 push()メソッドを使うことで、配列arrayの末尾に要素を追加することができます。 const array = ['a', 'b', 'c']; array.push('d'); console.log(...
JavaScript

【JavaScript】src属性を変更してimgタグの画像を変更する方法

jQueryなしの素のJavaScriptのみで、imgタグの画像を変更する方法についてご紹介します。レスポンシブデザインの時のPC表示とSP表示の画像の切り替えにも使えます。
JavaScript

【JavaScript】文字列を数値に変換する方法

文字列の数字と、数値の数字 JavaScriptでは、文字列(String型)の数字と、数値型(Number)の数字があります。 const suji_string = '11'; // 文字列(String型)の数字 const suji...
JavaScript

【JavaScript】URLを指定してページ遷移する方法と、別タブで開く方法

JavaScriptでURLを指定してページ遷移する方法と、別タブで開く方法について、HTMLでの実装も紹介しながら解説しています。
JavaScript

Clipboard API でテキストをクリップボードへコピーする方法【JavaScript】

やりたいこと 「Ctrl + C」や「command + C」でできるコピーを、簡単にできる機能をWEBサイトに実装したい。 「clipboard.js」などの便利なライブラリは使わず、素のJavaScript(+HTML)のみで実装したい...
JavaScript

【エラー】Uncaught TypeError: Assignment to constant variable の原因と対応策

サンプルコード JavaScriptのAssignment to constant variable エラーは、以下のようなコードで発生します。 const name = 'taro'; console.log(name); // taro...
JavaScript

【JavaScript】Fetch APIの使い方について

Fetch APIとは Fetch APIとは、JavaScriptでHTTPリクエストを送信できるインターフェースです。 同じくHTTPリクエストを行うXMLHttpRequestもありますが、Fetch APIの方がモダンでシンプルに記...