[編集モード] 抵抗値とカラーコードを相互変換するWebアプリ

抵抗の値とカラーコードを相互変換できるWebアプリです。今まで出してた色→値を統合し、さらに値→色の機能も追加しました。

// 抵抗値とカラーコードを相互変換するWebアプリ
// Created by ymm_utt
// 枠に入力してEnterを押しても変換します。
// ラジオボタンは文字をクリックしても反応します。
// CSSの型崩れがあったらスミマセン。貯蔵庫上でスタイル考えるのしんどいので許して。

################################################################################
#################### 抵抗値→カラーコード ####################
// 0.1Ω～1.00GΩまで対応しています。一応秋月に実物がありました。
// 実物はありますが0Ω抵抗には対応していません。黒1本です。

########## 定数 ##########
定数　色対数字配列＝[「黒」,「茶」,「赤」,「橙」,「黄」,「緑」,「青」,「紫」,「灰」,「白」]
定数　色対乗数配列＝[「白」,「銀」,「金」,「黒」,「茶」,「赤」,「橙」,「黄」,「緑」,「青」,「紫」,「灰」]
定数　貯蔵庫親要素＝DOM親要素

########## GUI ##########
// 「h1」のDOM要素作成して「抵抗値　⇒　カラーコード」をDOMテキスト設定
// それをDOM親要素へDOM子要素追加
「【抵抗値　⇒　カラーコード】」のラベル作成
　それに{"文字サイズ": "1.7em", "font-weight": "bold", "border-bottom": "1px solid #000000", "背景色": "#ffe0e0", "padding": "0 0em"}をDOMスタイル一括設定
改行作成して改行作成して改行作成

『抵抗値を入力してください。（単位はオーム[Ω]。「k」、「M」、「G」、「m」の接頭語が使えます）』のラベル作成
改行作成
　
「↓」のラベル作成して改行作成
抵抗エディタ＝空のエディタ作成
「 Ω」のラベル作成
　それの「padding」に「0 3em 0 0」をDOMスタイル設定
抵抗種類ラジオ＝「抵抗種類」で["4線（カーボン抵抗など）","5線（金属皮膜抵抗など）"]のラジオボタン作成
// 抵抗種類ラジオを反復：
//     「{対象キー}: {対象}」を表示。
　抵抗種類ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」にオンをDOM属性設定
　抵抗種類ラジオ["DOM_label4線（カーボン抵抗など）"]の「text-decoration」に「underline」をDOMスタイル設定
　抵抗種類ラジオ["DOM_label5線（金属皮膜抵抗など）"]の「text-decoration」に「underline」をDOMスタイル設定
改行作成
変換ボタン＝「変換」のボタン作成
　変換ボタンに{"余白": "5px", "文字サイズ": "1.5em"}をDOMスタイル一括設定
改行作成して改行作成して改行作成

「入力は」のラベル作成
　それの「padding」に「0 8.62em 0 0」をDOMスタイル設定
「:」のラベル作成
　それの「padding」に「0 1em 0 0」をDOMスタイル設定
抵抗入力ラベル1＝「x」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
「 Ω」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
「(」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
　それの「padding」に「0 0 0 1em」をDOMスタイル設定
抵抗入力ラベル2＝「x」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
「 Ω)」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
改行作成

「有効数字2桁で表すと」のラベル作成
　それの「padding」に「0 2em 0 0」をDOMスタイル設定
「:」のラベル作成
　それの「padding」に「0 1.5em 0 0」をDOMスタイル設定
抵抗指数2表記ラベル＝「xx × 10^x Ω」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
改行作成

「有効数字3桁で表すと」のラベル作成
　それの「padding」に「0 2em 0 0」をDOMスタイル設定
「:」のラベル作成
　それの「padding」に「0 1em 0 0」をDOMスタイル設定
抵抗指数3表記ラベル＝「xxx × 10^x Ω」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
改行作成して改行作成して改行作成

「色は、」のラベル作成
　それの「padding」に「0 2em 0 0」をDOMスタイル設定
抵抗色ラベル1＝「－」のラベル作成
抵抗色ラベル2＝「－」のラベル作成
抵抗色ラベル3＝「－」のラベル作成
「 」のラベル作成
　それの「文字サイズ」に「2em」をDOMスタイル設定
抵抗色ラベル4＝「－」のラベル作成
　抵抗色ラベル1の「文字サイズ」に「2em」をDOMスタイル設定
　抵抗色ラベル2の「文字サイズ」に「2em」をDOMスタイル設定
　抵抗色ラベル3の「文字サイズ」に「2em」をDOMスタイル設定
　抵抗色ラベル4の「文字サイズ」に「2em」をDOMスタイル設定
改行作成して改行作成

「（許容差はカーボン抵抗は金色、金属皮膜抵抗は茶色が一般的です。）」のラベル作成

// ラジオのラベルをクリックしたら変更
抵抗種類ラジオ["DOM_label4線（カーボン抵抗など）"]をクリックした時には、
    抵抗種類ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」にオンをDOM属性設定
ここまで
抵抗種類ラジオ["DOM_label5線（金属皮膜抵抗など）"]をクリックした時には、
    抵抗種類ラジオ["DOM_input5線（金属皮膜抵抗など）"]の「checked」にオンをDOM属性設定
ここまで

// ラジオボタン作成
// S: グループのname, OPTIONS: 選択肢の配列
// DOMではなくname, value, ラジオのDOM, ラベルのDOMを含んだJSONで戻ることに注意。
●（SでOPTIONSの）ラジオボタン作成とは
    A={name: S}
    OPTIONSを反復
        DOM＝「input」のDOM部品作成
        DOMの「type」に「radio」をDOM属性設定
        DOMの「name」にSをDOM属性設定
        DOMの「value」に対象をDOM属性設定
        DOM親要素へDOMをDOM子要素追加
        DOM_label=" "&対象&" "のラベル作成
        A["value"&対象]=対象
        A["DOM_input"&対象]=DOM
        A["DOM_label"&対象]=DOM_label
    ここまで
    Aで戻る
ここまで

########## クリックした時の処理 ##########
変換ボタンをクリックした時には、
    main__抵抗to色処理
ここまで

抵抗エディタをキー押した時には、
    もし押されたキー＝「Enter」ならば、
        main__抵抗to色処理
    ここまで。
ここまで

// メイン処理
●抵抗to色処理とは
    ラベルリセット
    
    もし、（抵抗種類ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」をDOM属性取得）ならば、
        抵抗本数＝4
        // 「カーボン抵抗が選択されています。」と表示。
    違えば、
        抵抗本数＝5
        // 「金属皮膜抵抗が選択されています。」と表示。
    ここまで
    
    抵抗値＝抵抗値取得
    // 「入力は｛抵抗値｝Ω」を表示
    抵抗入力ラベル1に（抵抗エディタのDOMテキスト取得を英数記号半角変換）をDOMテキスト設定
    抵抗入力ラベル2に抵抗値をDOMテキスト設定
    
    もし（（抵抗値<0.1）｜｜（抵抗値>1e9））ならば、
        「0.1Ω～1GΩの範囲にのみ対応しています。」と表示して終わる。
    ここまで
    
    抵抗値配列2＝抵抗値から2桁取得
    抵抗値配列3＝抵抗値から3桁取得
    // それを表示
    // もし、抵抗値配列＠2>=5ならば、
    //     もし、抵抗値配列＠1=9ならば、
    //         抵抗指数2表記ラベルに「｛抵抗値配列＠0+1｝0 × 10^｛抵抗値配列＠3-1｝ Ω」をDOMテキスト設定
    //     違えば、
    //         抵抗指数2表記ラベルに「｛抵抗値配列＠0｝｛抵抗値配列＠1+1｝ × 10^｛抵抗値配列＠3-1｝ Ω」をDOMテキスト設定
    //     ここまで
    // 違えば、
    //     抵抗指数2表記ラベルに「｛抵抗値配列＠0｝｛抵抗値配列＠1｝ × 10^｛抵抗値配列＠3-1｝ Ω」をDOMテキスト設定
    // ここまで
    抵抗指数2表記ラベルに「｛抵抗値配列2＠0｝｛抵抗値配列2＠1｝ × 10^｛抵抗値配列2＠3-1｝ Ω」をDOMテキスト設定
    抵抗指数3表記ラベルに「｛抵抗値配列3＠0｝｛抵抗値配列3＠1｝｛抵抗値配列3＠2｝ × 10^｛抵抗値配列3＠3-2｝ Ω」をDOMテキスト設定
    
    もし、抵抗本数＝4ならば、
        抵抗値配列2を抵抗本数で抵抗色変換
    違えば、
        抵抗値配列3を抵抗本数で抵抗色変換
    ここまで
ここまで。

########## 関数 ##########
// ラベルをリセットする
●ラベルリセットとは
    抵抗入力ラベル1に「x」をDOMテキスト設定
    抵抗入力ラベル2に「x」をDOMテキスト設定
    抵抗指数2表記ラベルに「xx × 10^x Ω」をDOMテキスト設定
    抵抗指数3表記ラベルに「xxx × 10^x Ω」をDOMテキスト設定
    抵抗色ラベル1に「－」をDOMテキスト設定
    抵抗色ラベル2に「－」をDOMテキスト設定
    抵抗色ラベル3に「－」をDOMテキスト設定
    抵抗色ラベル4に「－」をDOMテキスト設定
    
    抵抗色ラベル1に{"ボーダー":"none", "背景色": 白色, "色": 黒色}をDOMスタイル一括設定
    抵抗色ラベル2に{"ボーダー":"none", "背景色": 白色, "色": 黒色}をDOMスタイル一括設定
    抵抗色ラベル3に{"ボーダー":"none", "背景色": 白色, "色": 黒色}をDOMスタイル一括設定
    抵抗色ラベル4に{"ボーダー":"none", "背景色": 白色, "色": 黒色}をDOMスタイル一括設定
ここまで

// 抵抗エディタから抵抗値を取得
// 「k」、「M」、「G」、「m」も使える。
// 既知の不具合：「1.2E2」のようなEの指数表記は使えない。（接頭語をお使いください……）
●抵抗値取得とは
    抵抗値＝抵抗エディタのテキスト取得して英数記号半角変換
    （抵抗値の1文字右部分）で条件分岐
        「k」ならば、
            抵抗値＝抵抗値の（抵抗値の文字数）から1文字削除
            抵抗値＝抵抗値*1e3💧
        「M」ならば、
            抵抗値＝抵抗値の（抵抗値の文字数）から1文字削除
            抵抗値＝抵抗値*1e6💧
        「G」ならば、
            抵抗値＝抵抗値の（抵抗値の文字数）から1文字削除
            抵抗値＝抵抗値*1e9💧
        「m」ならば、
            抵抗値＝抵抗値の（抵抗値の文字数）から1文字削除
            抵抗値＝抵抗値*1e-3💧
    ここまで
    もし、抵抗値が数列判定ならば、
    // もし、抵抗値＝（抵抗値を実数変換して文字列変換）ならば、
        もし、（（抵抗値の1文字左部分）=「0」）かつ（（抵抗値で「.」が何文字目）！＝2）ならば、
            「先頭は0以外にしてください！」を表示して終わる
        ここまで
        抵抗値で戻る
    違えば、
        「正の数字を入力してください！」を表示して終わる
    ここまで
ここまで。

// 抵抗値の数字を上から3つと桁数を取得する。
●（抵抗値からN）桁取得とは、
    抵抗値配列=[0,0,0,0]
    
    もし、抵抗値＝（抵抗値の整数部分）ならば、
        抵抗値＝「｛抵抗値｝.0」
    ここまで
    抵抗値指数表記＝「｛抵抗値｝.toExponential({N-1})」をJS実行
    // それを表示
    
    // 抵抗値指数表記を表示
    もし、N=2ならば、
        抵抗値配列＠0＝抵抗値指数表記の1から1文字抜出して整数変換
        抵抗値配列＠1＝抵抗値指数表記の3から1文字抜出して整数変換
        抵抗値配列＠3＝抵抗値指数表記の5から2文字抜出して整数変換
    違えば、
        抵抗値配列＠0＝抵抗値指数表記の1から1文字抜出して整数変換
        抵抗値配列＠1＝抵抗値指数表記の3から1文字抜出して整数変換
        抵抗値配列＠2＝抵抗値指数表記の4から1文字抜出して整数変換
        抵抗値配列＠3＝抵抗値指数表記の6から2文字抜出して整数変換
    ここまで
    // 抵抗値配列を表示

抵抗値配列で戻る。
ここまで。

// 抵抗値配列をカラーコードに直す
●（抵抗値配列をNで）抵抗色変換とは、
    // 「色は　　」を継続表示
    // N-2回
    //     色対数字配列＠（抵抗値配列＠(回数-1)）を継続表示
    // ここまで
    // 「 」を継続表示
    // 
    // もし、N=4ならば、
    //     
    // ここまで
    // 
    // 
    // もし、N=4ならば、
    //     色対乗数配列＠（(抵抗値配列＠3)+2）を表示
    //     
    // 違えば、もしN=5ならば、
    //     色対乗数配列＠（(抵抗値配列＠3)+1）を表示
    // ここまで
    
    抵抗色ラベル1を色対数字配列＠（抵抗値配列＠0）に背景色変更
    抵抗色ラベル2を色対数字配列＠（抵抗値配列＠1）に背景色変更
    もし、N＝4ならば、
        抵抗色ラベル3に「」をDOMテキスト設定
        抵抗色ラベル4を色対乗数配列＠（(抵抗値配列＠3)+2）に背景色変更
    違えば、
        抵抗色ラベル3を色対数字配列＠（抵抗値配列＠2）に背景色変更
        抵抗色ラベル4を色対乗数配列＠（(抵抗値配列＠3)+1）に背景色変更
    ここまで
ここまで

// 背景色を変更する
●（DOMをSに）背景色変更
    DOMにSをDOMテキスト設定
    DOMの「ボーダー」に「1px solid #000000」をDOMスタイル設定
    Sで条件分岐
        「白」ならば、背景色に白色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「銀」ならば、背景色に銀色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「金」ならば、背景色に金色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「黒」ならば、背景色に黒色を代入して、DOMの「色」に「#ffffff」をDOMスタイル設定💧
        「茶」ならば、背景色に茶色を代入して、DOMの「色」に「#ffffff」をDOMスタイル設定💧
        「赤」ならば、背景色に赤色を代入して、DOMの「色」に「#ffffff」をDOMスタイル設定💧
        「橙」ならば、背景色に「#ffa500」を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「黄」ならば、背景色に黄色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「緑」ならば、背景色に緑色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
        「青」ならば、背景色に青色を代入して、DOMの「色」に「#ffffff」をDOMスタイル設定💧
        「紫」ならば、背景色に「#8949a6」を代入して、DOMの「色」に「#ffffff」をDOMスタイル設定💧
        「灰」ならば、背景色に灰色を代入して、DOMの「色」に「#000000」をDOMスタイル設定💧
    ここまで
    DOMの「背景色」に背景色をDOMスタイル設定
ここまで

################################################################################
#################### カラーコード→抵抗値 ####################

########## GUI ##########
改行作成して改行作成して改行作成して改行作成
「【カラーコード　⇒　抵抗値】」のラベル作成
　それに{"文字サイズ": "1.7em", "font-weight": "bold", "border-bottom": "1px solid #000000", "背景色": "#ffe0e0", "padding": "0 0em"}をDOMスタイル一括設定
改行作成して改行作成

『カラーコードを入力してください。（「色」や空白を含んでも構いません。「オレンジ」は「橙」に変換されます）』のラベル作成して改行作成
『　　（ex. 「茶色黒 オレンジ　金」は「茶黒橙金」）』のラベル作成
改行作成
　
「↓」のラベル作成して改行作成
色エディタ＝「」のエディタ作成
　それの「margin」に「0 4em 0 0」をDOMスタイル設定
色本数ラジオ＝「色本数」で["4線（カーボン抵抗など）","5線（金属皮膜抵抗など）"]のラジオボタン作成
// 色本数ラジオを反復：
//     「{対象キー}: {対象}」を表示。
　色本数ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」にオンをDOM属性設定
　色本数ラジオ["DOM_label4線（カーボン抵抗など）"]の「text-decoration」に「underline」をDOMスタイル設定
　色本数ラジオ["DOM_label5線（金属皮膜抵抗など）"]の「text-decoration」に「underline」をDOMスタイル設定
改行作成
色変換ボタン＝「変換」のボタン作成
　それに{"余白": "5px", "文字サイズ": "1.5em"}をDOMスタイル一括設定
改行作成して改行作成して改行作成

「入力は」のラベル作成
　それの「padding」に「0 2em 0 0」をDOMスタイル設定
「:」のラベル作成
　それの「padding」に「0 1em 0 0」をDOMスタイル設定
色入力ラベル＝「－－－－　－」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
改行作成して改行作成して改行作成

「【抵抗値】」のラベル作成
　それに{"文字サイズ": "1.2em", "font-weight": "bold", "padding": "0 1em 0 0"}をDOMスタイル一括設定
「許容差　: 」のラベル作成
許容差ラベル＝「指定なし」のラベル作成
　それの「font-weight」に「bold」をDOMスタイル設定
「%」のラベル作成
改行作成

// テーブルを作り直す際に親要素とするダミーDOM
定数　DUMMY＝空のラベル作成

色抵抗値二次元配列＝[["単位", "抵抗値", "誤差範囲"], ["指数表記", "- Ω", "- Ω ~ - Ω"], ["[Ω]", "- Ω", "- Ω ~ - Ω"], ["[kΩ]", "- kΩ", "- kΩ ~ - kΩ"], ["[MΩ]", "- MΩ", "- MΩ ~ - MΩ"]]
色抵抗値テーブル＝DUMMYに色抵抗値二次元配列のMYテーブル作成

// ラジオのラベルをクリックしたら変更
色本数ラジオ["DOM_label4線（カーボン抵抗など）"]をクリックした時には、
    色本数ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」にオンをDOM属性設定
ここまで
色本数ラジオ["DOM_label5線（金属皮膜抵抗など）"]をクリックした時には、
    色本数ラジオ["DOM_input5線（金属皮膜抵抗など）"]の「checked」にオンをDOM属性設定
ここまで

// DUMMYの中にテーブル作成することでテーブルを作り直す際に位置を指定できる。
●（DOMにAAの）MYテーブル作成とは
    DOMにDOM親要素設定
    RETDOM=AAのテーブル作成
    貯蔵庫親要素にDOM親要素設定
    RETDOMで戻る
ここまで

########## クリックした時の処理 ##########
色変換ボタンをクリックした時には、
    main__色to抵抗処理
ここまで

色エディタをキー押した時には、
    もし押されたキー＝「Enter」ならば、
        main__色to抵抗処理
    ここまで。
ここまで

// メイン処理
●色to抵抗処理とは
    色ラベルリセット
    もし、（色本数ラジオ["DOM_input4線（カーボン抵抗など）"]の「checked」をDOM属性取得）ならば、
        色本数＝4
    違えば、
        色本数＝5
    ここまで
    入力カラーコード＝色エディタのDOMテキスト取得
    入力カラーコード＝入力カラーコードの「色」を「」に置換して「オレンジ」を「橙」に置換して「　」を「」に置換して「 」を「」に置換
    // 入力カラーコードを表示
    
    許容差フラグ＝入力カラーコードに色本数が許容差存在
    // 許容差フラグを表示
    
    色入力ラベルに入力カラーコードを許容差フラグと色本数で色入力テキスト設定
    
    色抵抗値二次元配列＝入力カラーコードを色本数で許容差フラグの色抵抗変換
    
    DUMMYから色抵抗値テーブルをDOM子要素削除
    色抵抗値テーブル＝DUMMYに色抵抗値二次元配列のMYテーブル作成
ここまで

########## 関数 ##########
●色ラベルリセットとは
    色入力ラベルに「－－－－　－」をDOMテキスト設定
    許容差ラベルに「指定なし」をDOMテキスト設定
    DUMMYから色抵抗値テーブルをDOM子要素削除
    色抵抗値二次元配列＝[["単位", "抵抗値", "誤差範囲"], ["指数表記", "- Ω", "- Ω ~ - Ω"], ["[Ω]", "- Ω", "- Ω ~ - Ω"], ["[kΩ]", "- kΩ", "- kΩ ~ - kΩ"], ["[MΩ]", "- MΩ", "- MΩ ~ - MΩ"]]
    色抵抗値テーブル＝DUMMYに色抵抗値二次元配列のMYテーブル作成
ここまで

●（SにNが）許容差存在とは
    もし、(Sの文字数)=Nならば、
        TRUEで戻る
    違えば、もし、(Sの文字数)=N-1ならば、
        FALSEで戻る
    違えば、
        「カラーコードが多いか少ないです。｛N｝個か、許容差を抜いた｛N-1｝個にしてください。」と表示して終わる
    ここまで
ここまで

●(DOMにSをFとNで)色入力テキスト設定とは
    設定テキスト＝「」
    // もし、F=TRUEならば、
    //     Sを反復
    //         もし、対象キー＝（（Sの文字数）-1）ならば、
    //             設定テキスト＝「　｛対象｝」を設定テキストに追加
    //         違えば、もし、対象キー＝（）
    //             設定テキスト＝対象を設定テキストに追加
    //         ここまで
    //     ここまで
    // 違えば、
    //     設定テキスト＝S&「　－」
    // ここまで
    
    N-2回
        設定テキスト＝S@(回数-1)を設定テキストに追加
    ここまで
    設定テキスト＝設定テキスト&「 」&S@(N-2)&「　」
    もし、F=TRUEならば、
        設定テキスト＝設定テキスト&S@(N-1)
    違えば、
        設定テキスト＝設定テキスト&「－」
    ここまで
    
    // 設定テキストを表示
    DOMに設定テキストをDOMテキスト設定
ここまで

// 色から数値に変更。許容差のラベル書き換え。表用の二次元配列書き換え。
●（SをNでFの）色抵抗変換とは
    許容差フラグ＝F
    AA＝[["単位", "抵抗値", "誤差範囲"], ["指数表記", "- Ω", "- Ω ~ - Ω"], ["[Ω]", "- Ω", "- Ω ~ - Ω"], ["[kΩ]", "- kΩ", "- kΩ ~ - kΩ"], ["[MΩ]", "- MΩ", "- MΩ ~ - MΩ"]]
    抵抗値＝0
    
    (N-2)回
        S＠（回数-1）で条件分岐
            「黒」ならば、抵抗値＝抵抗値*10+0💧
            「茶」ならば、抵抗値＝抵抗値*10+1💧
            「赤」ならば、抵抗値＝抵抗値*10+2💧
            「橙」ならば、抵抗値＝抵抗値*10+3💧
            「黄」ならば、抵抗値＝抵抗値*10+4💧
            「緑」ならば、抵抗値＝抵抗値*10+5💧
            「青」ならば、抵抗値＝抵抗値*10+6💧
            「紫」ならば、抵抗値＝抵抗値*10+7💧
            「灰」ならば、抵抗値＝抵抗値*10+8💧
            「白」ならば、抵抗値＝抵抗値*10+9💧
            違えば、「数値の入力に誤りがあります。」と表示して終わる💧
        ここまで
    ここまで
    
    S＠（N-2）で条件分岐
        「黒」ならば、抵抗値＝抵抗値*10^0💧
        「茶」ならば、抵抗値＝抵抗値*10^1💧
        「赤」ならば、抵抗値＝抵抗値*10^2💧
        「橙」ならば、抵抗値＝抵抗値*10^3💧
        「黄」ならば、抵抗値＝抵抗値*10^4💧
        「緑」ならば、抵抗値＝抵抗値*10^5💧
        「青」ならば、抵抗値＝抵抗値*10^6💧
        「紫」ならば、抵抗値＝抵抗値*10^7💧
        「灰」ならば、抵抗値＝抵抗値*10^8💧
        「白」ならば、抵抗値＝抵抗値*10^-3💧
        「銀」ならば、抵抗値＝抵抗値*10^-2💧
        「金」ならば、抵抗値＝抵抗値*10^-1💧
        違えば、「乗数の入力に誤りがあります。」と表示して終わる💧
    ここまで
    
    もし、F＝はいならば、
        S＠(N-1)で条件分岐
            「茶」ならば、許容差＝1💧
            「赤」ならば、許容差＝2💧
            「橙」ならば、許容差＝0.05💧
            「緑」ならば、許容差＝0.5💧
            「青」ならば、許容差＝0.25💧
            「紫」ならば、許容差＝0.1💧
            「金」ならば、許容差＝5💧
            「銀」ならば、許容差＝10💧
            違えば、「許容差の入力に誤りがあります。」と表示して終わる💧
        ここまで
        許容差ラベルに許容差をDOMテキスト設定
    ここまで
    
    // 「抵抗値：｛抵抗値｝Ω｛改行｝許容差：｛許容差｝%」を表示
    
    // 表の中身を書き換える
    TEMP1=抵抗値を(N-3)でJS浮動小数処理
    // TEMP1を表示
    AA[1][1]=（TEMP1の「e」を「 × 10^」に置換して「+」を「」に置換）&「 Ω」
    TEMP1=TEMP1を実数変換
    AA[2][1]=TEMP1&「 Ω」
    AA[3][1]=((抵抗値/1e3)を(N-3)でJS浮動小数処理して実数変換)&「 kΩ」
    AA[4][1]=((抵抗値/1e6)を(N-3)でJS浮動小数処理して実数変換)&「 MΩ」
    
    もし、F=はいならば、
        抵抗誤差小＝抵抗値*(1-許容差/100)
        抵抗誤差大＝抵抗値*(1+許容差/100)
        TEMP2＝抵抗誤差小を(4)でJS浮動小数処理
        TEMP3＝抵抗誤差大を(4)でJS浮動小数処理
        AA[1][2]=（TEMP2の「e」を「 × 10^」に置換して「+」を「」に置換）&「 Ω ~ 」&（TEMP3の「e」を「 × 10^」に置換して「+」を「」に置換）&「 Ω」
        TEMP2=TEMP2を実数変換
        TEMP3=TEMP3を実数変換
        AA[2][2]=TEMP2&「 Ω ~ 」&TEMP3&「 Ω」
        AA[3][2]=((抵抗誤差小/1e3)を4でJS浮動小数処理して実数変換)&「 kΩ ~ 」&((抵抗誤差大/1e3)を4でJS浮動小数処理して実数変換)&「 kΩ」
        AA[4][2]=((抵抗誤差小/1e6)を4でJS浮動小数処理して実数変換)&「 MΩ ~ 」&((抵抗誤差大/1e6)を4でJS浮動小数処理して実数変換)&「 MΩ」
    ここまで
    
    AAで戻る
ここまで

// .toExponential用の処理。整数だと動かないのなんで。
●（NをLで）JS浮動小数処理とは
    もし、N＝（Nの整数部分）ならば、
        JSN＝「｛N｝.0」
    違えば、
        JSN＝N
    ここまで
    「{JSN}.toExponential({L})」をJS実行して戻る
ここまで

################################################################################
#################### おまけ　値対応表とE24系列 ####################
5回　改行作成
「【おまけ】」のラベル作成
　それに{"文字サイズ": "1.3em", "font-weight": "bold", "border-bottom": "1px solid #000000", "背景色": "#ffe0e0", "padding": "0 0em"}をDOMスタイル一括設定
改行作成して改行作成
「https://n3s.nadesi.com/image.php?f=217.png」の画像作成
　それの「幅」に「50em」をDOMスタイル設定
改行作成

『カラーコードを数値に読み替える表とE24系列の表です。』のラベル作成して改行作成
『参考：』のラベル作成
リンク1=『a』のDOM部品作成
DOM親要素へリンク1をDOM子要素追加
　リンク1に「抵抗器のカラーコード・表示の読み方、覚え方 (工程動画も公開!) | 抵抗器の総合メーカー 株式会社赤羽電具製作所」をDOMテキスト設定
　リンク1の「href」に「https://www.akaneohm.com/column/marking/」をDOM属性設定
　リンク1の「target」に「_blank」をDOM属性設定
　リンク1の「rel」に「noopener noreferrer」をDOM属性設定
改行作成
『　　：』のラベル作成
リンク2=『a』のDOM部品作成
DOM親要素へリンク2をDOM子要素追加
　リンク2に「抵抗器 カタログの読み方と解説 | 抵抗器の総合メーカー 株式会社赤羽電具製作所」をDOMテキスト設定
　リンク2の「href」に「https://www.akaneohm.com/column/specread/」をDOM属性設定
　リンク2の「target」に「_blank」をDOM属性設定
　リンク2の「rel」に「noopener noreferrer」をDOM属性設定

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

🍯 なでしこ3貯蔵庫

[編集モード] 抵抗値とカラーコードを相互変換するWebアプリ

素材のアップロード