違う言語で同じことができるとき

Question

HTML

 <div class="button">OK</div>

CSS

.button {
  color: white;
}

.button:hover {
  opacity: 0.8;
}

上記のような場合、OKボタンにカーソルを合わせると透明度が変わると思います。
そして、同じことをJavaScriptでもできると思います。
（カーソルを合わせた時にイベントが発火して色が変わる。）
どちらも詳しくないのですが
「カーソルを合わせるとボタンの色が変わる」
ということを実装したい場合どちらで実行した方が適切なのでしょうか？

Comments

[miyabi_pudding]

厳密に言うと、CSSは言語ではありません。

[m.ts10806]

要件はもっと具体的にされたほうが良いかと思います。今の状態だと「お好きな方で」となりかねません。
なにを目標とした「適切」なのかも具体的に。

[ikadzuchi]

> miyabi_takatsukさん
CSSは言語ですが…。
「プログラミング言語ではない」あたりとの混同でしょうか。

Answer 1

「他の条件で同様に色を変えることがない」というのであれば、CSSの方が適切です。

他に色を変える状況がある場合は、それらとの一貫性を考えればJavaScriptでやったほうがいい、という場面もありえます。

Comments

[Hedgehog9]

ご回答ありがとうございます。
他の条件で同様に色を変えることがないというのは具体的にはどういうことでしょうか？
理解力が乏しくてすみません

[standard-soft]

内部で保持しているなんらかの状態や、ページの他のテキストの状態によって
ボタンの色をさらに変えたりすることがなければ、という条件、ということと思います。

単にシンプルにマウスhoverだけで色を変えるならcssで十分なのではないか、ということかと。

[Hedgehog9]

なるほど....！助かりました、わかりやすい説明ありがとうございます！