LoginSignup
3

More than 3 years have passed since last update.

onclickを用いて複数の関数を呼び出す

Last updated at Posted at 2020-05-20

Onclickで複数の関数を記述する

初心者プログラマーの備忘録です。

記法1:関数をセミコロン(;)で区切る

input type = "XXX" value = "a" onclick = "YYY;ZZZ"
このように、関数をセミコロンで区切って記述した場合、YYY → ZZZの順に関数を実行。
仮に YYY = true, ZZZ = false であっても、XXXが実行される。
YYY = false, ZZZ = true の場合は、YYYの結果ではじかれるためXXXは実行されない。

記法2:関数をカンマ(,)で区切る

input type = "XXX" value = "a" onclick = "YYY, ZZZ"
基本的にカンマで関数を区切ることはないが、上記のように記述した場合
カンマの右側の関数(ZZZ)の結果が true であれば、YYYの結果に依らずXXXが実行される。

記法3:関数を「&&」で区切る

input type = "XXX" value = "a" onclick = "YYY && ZZZ"
このように記述した場合、関数 YYY および ZZZ の結果がともに true であれば、XXXが実行される。

おまけ

まだ試していないが、仮に
input type = "XXX" value = "a" onclick = "YYY || ZZZ"
とすれば、YYYあるいはZZZのどちらかの結果が true であれば、XXXが実行されると考えられる。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3