[編集モード] 2進数で論理計算

論理ゲートを2進数で計算できます

#変数初期化
入力切り替えは「a」
aは「」
bは「」
答えは「」
計算モード一覧は["AND","OR","NOT","NOR","NAND","XOR","XNOR"]
#UI
aラベルは「」のラベル作成
改行作成
bラベルは「」のラベル作成
改行作成
答えラベルは「」のラベル作成
改行作成
入力切り替えラベルは「」のラベル作成
改行作成
ラベル更新
ゼロボタンは「ゼロ」のボタン作成
イチボタンは「イチ」のボタン作成
入力切り替えボタンは「a/b入力切り替え」のボタン作成
aクリアボタンは「aクリア」のボタン作成
bクリアボタンは「bクリア」のボタン作成
a削除ボタンは「a削除」のボタン作成
b削除ボタンは「b削除」のボタン作成
改行作成
計算モード一覧のセレクトボックス作成し、計算モードセレクトに代入。
#UI設定
ゼロボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
イチボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
入力切り替えボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
aクリアボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
bクリアボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
a削除ボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
b削除ボタンに{"文字サイズ": "20px"　}をDOMスタイル一括設定。
計算モードセレクトに{"文字サイズ": "30px"　}をDOMスタイル一括設定。

#関数
●ラベル更新
    # aラベル
    aラベルに（「a : 」とaを文字列連結）をテキスト設定
    もし入力切り替え=「a」なら
        ラベル処理色は赤色
    違えば
        ラベル処理色は黒色
    ここまで
    
    # aラベル設定
    aラベルに{"背景色": 背景色,
    "色": ラベル処理色,
　　"マージン":"3px",
　　"文字サイズ": "30px"　}をDOMスタイル一括設定。
　　
　　# bラベル
    bラベルに（「b : 」とbを文字列連結）をテキスト設定
    もし入力切り替え=「b」なら
        ラベル処理色は赤色
    違えば
        ラベル処理色は黒色
    ここまで
    
    # bラベル設定
    bラベルに{"背景色": 背景色,
    "色": ラベル処理色,
　　"マージン":"3px",
　　"文字サイズ": "30px"　}をDOMスタイル一括設定。
    入力切り替えラベルに（入力切り替えと「を入力中...」を文字列連結）をテキスト設定
    
    計算セレクトは(計算モードセレクトからテキスト取得)
    # 答え計算
    計算セレクトで条件分岐
　　    "AND"ならば、答えはAND(a,b)💧
　　    "OR"ならば、答えはOR(a,b)💧
　　    "NOT"ならば、答えはNOT(a)💧
　　    "NOR"ならば、答えはNOT(OR(a,b))💧
　　    "NAND"ならば、答えはNOT(AND(a,b))💧
　　    "XOR"ならば、答えはXOR(a,b)💧
　　    "XNOR"ならば、答えはNOT(XOR(a,b))💧
　　    違えば、答えはNULL💧
    ここまで。

# 答えラベル設定
    答えラベルに{"文字サイズ": "30px"　}をDOMスタイル一括設定。
    
    # 答えラベル
    答えラベルに（aと計算セレクトとbと「=」と答えを文字列連結）をテキスト設定
ここまで

# ゼロボタンクリック時
ゼロボタンをクリックした時には
    もし入力切り替え=「a」なら
        aは（aと0を文字列連結）
    違えば
        bは（bと0を文字列連結）
    ここまで
    ラベル更新
ここまで

# イチボタンクリック時
イチボタンをクリックした時には
    もし入力切り替え=「a」なら
        aは（aと1を文字列連結）
    違えば
        bは（bと1を文字列連結）
    ここまで
    ラベル更新
ここまで

# 入力切り替えボタンクリック時
入力切り替えボタンをクリックした時には
    もし入力切り替え=「a」なら
        入力切り替えは「b」
    違えば
        入力切り替えは「a」
    ここまで
    ラベル更新
ここまで

# aクリアボタンクリック時
aクリアボタンをクリックした時には
    aは「」
    ラベル更新
ここまで

# bクリアボタンクリック時
bクリアボタンをクリックした時には
    bは「」
    ラベル更新
ここまで

# a削除ボタンクリック時
a削除ボタンをクリックした時には
    aは(aの(aの文字数)から(aの文字数)だけ文字削除)
    ラベル更新
ここまで

# b削除ボタンクリック時
b削除ボタンをクリックした時には
    bは(bの(bの文字数)から(bの文字数)だけ文字削除)
    ラベル更新
ここまで

「ラベル更新」を0.25秒毎。

デバッグ × キャンバス: 幅 × 高

🍯 プログラム貯蔵庫

[編集モード] 2進数で論理計算

素材のアップロード