javascript リンククリックでボタンを非活性から活性化させる

javascript リンククリックでボタンを非活性から活性化させる

javascriptで、リンククリックでボタンを非活性から活性化させるサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

ボタンを非活性

buttonを非活性化させるには「disabled」を使用します。

リンククリックで活性化させるには、リンククリック時のイベントで、この「disabled」を取り除きます。

実行結果は、リンククリックでボタンが活性化されていることが確認できます。

また、以下のコードを、

document.getElementByIdの省略とアロー関数を使用して、簡潔に記述することもできます。

サンプルコード

以下は、
リンク「home」をクリックすると、「button」が活性化するだけの
サンプルコードとなります。

※cssには「tailwind」を使用して、アロー関数で関数は定義してます。

ボタンが活性化されたことが確認できます。