パラメータに応じて表示を変更する方法

URLにパラメータを追加し、その値によって表示を変更させます。

使い方によって、読み込むCSSを変更したり、モーダルを初期読み込み時に表示したりすることができます。

export default class Param {
 constructor(tag) {
   this.tag = tag;

   this.init();
 }
 init() {
   let tag = this.tag;

   //?を除いた文字列を取得して変数に代入
   let str = location.search.substring(1);

   if (str) {
     //変数strをsplitで分割
     let setModal = str.split('=');

     //分割した結果を配列として取り出します。
     let param = setParam[1];

     //switchで条件分岐をします。
     switch (param) {
       case tag:
       //行う動作を書き込む

         break;
     }
   }
 }
}
const param = new Param('target');

以上となります。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
1
社会人2年目。Webプログラマー目指して勉強中。