opacity^=2の排他的論理値について

javascript
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<title>おみくじ</title>
5
6</head>
7<body>
8<h1>おみくじ</h1>
9<input type=button value="おみくじスタート" onclick="onButtonClick()">
10<div id="dsp"></div>
11
12    <script>
13       let kujis =["大吉","吉","中吉","小吉","末吉","凶","大凶"];
14       let kuji = Math.floor(Math.random()*kujis.length);
15       let disp = document.getElementById("dsp");
16       dsp.style.color="red";
17       setInterval("dsp.style.opacity^=2,1000");
18
19       function onButtonClick(){
20             dsp.innerHTML = kujis[kuji];
21             }
22　　
23    </script>
24
25</body>
26</html>

setInterval("dsp.style.opacity^=2,1000");
の　opacity^=2 が理解できません。

y_waiwai

2020/04/27 05:49

このままではコードが読みづらいので、質問を編集し、<code>ボタンを押し、出てくる’’’の枠の中にコードを貼り付けてください

beginner001

2020/04/27 07:17

申し訳ありませんでした。書き直しました。

kei344

2020/04/27 08:29

質問文が削除されているので、戻してください。

行動規範の内容に同意します

回答2件

setInterval("dsp.style.opacity^=2,1000");　は
透明化されているか、透明化されていないかを1000ミリ秒ごとに表示させると考えれば良いのでしょうか。

いえ、根本的にコードがおかしいかと思います。opacityとして有効な値は0以上1以下なので（MDN）、2をxorするのでは意味が通りません。

投稿2020/04/27 05:49

maisumakun

総合スコア146853

beginner001

2020/04/27 07:19

この記述で動作するんですが・・・。

maisumakun

2020/04/27 07:37

それ以前に、setIntervalの引数としてもおかしいです（引数が最低2つ必要です）。

think49

2020/04/27 07:44

To: beginner001 さん https://triple-underscore.github.io/css-color-ja.html#typedef-alpha-value > これらの範囲外の値も無効ではないが、算出値の時点でここで定義した範囲に切り詰められる。範囲外は算出値に切り詰められます。そのロジックを知った上で、あえて範囲外を指定しているのでしょうか。

beginner001

2020/04/27 22:12

いいえこの理屈は全く知りませんでした。

行動規範の内容に同意します