JavaScript: ラジオボタンの値取得について

Question

前提・実現したいこと

私はチャットアプリに使うプロフィール編集画面を作っていて、その際にラジオボタンを用いて、「リーダー・副リーダー・メンバー・ゲスト」の中から選択したものの値を、更新ボタンを押した際にselectedPositionという変数に代入してから、下の処理でそのselectedPositionに代入された値をグローバル変数であるprofile_positionに代入したいと考えています。

もし何かアドバイスいただけるのなら、お願いしたいです。よろしくお願いします。

発生している問題・エラーメッセージ

下記にあるコードを実装したところ、以下のようなエラーがコンソール上で出ました。
本来なら、forEachでボタンがチェックされているか判定する際に、チェックされているボタンの値を取りたいのですが、何を選択しても'on'という値が返ってきます。
profile.js:17 一致 on
profile.js:14 <input type=​"radio" name=​"positionChange" 　value=​"sub_leader">​
profile.js:19 異なる
profile.js:14 <input type=​"radio" name=​"positionChange" 　value=​"member">​
profile.js:19 異なる
profile.js:14 <input type=​"radio" name=​"positionChange" 　value=​"guest">​
profile.js:19 異なる

該当のソースコード

 <form id="Position_option">
                <input type="radio" name="positionChange"　value = 'leader' >リーダー
                <input type="radio" name="positionChange"　value = 'sub_leader' >副リーダー
                <input type="radio" name="positionChange"　value = 'member' >メンバー
                <input type="radio" name="positionChange"　value = 'guest' >ゲスト

            </form>
            
            
            <button id="changeAll">更新</button>

var profile_name;
var profile_icon;
var profile_intro;
var profile_position;

function profile() {
    document.getElementById('changeAll').addEventListener('click', () => {
        
        //ラジオボタンから役職の取得
        var positions = document.getElementsByName('positionChange');
        var selectedPosition;
        positions.forEach(position => {
            console.log(position);
            if (position.checked) {
                selectedPosition = position.value;
                console.log(`一致 ${selectedPosition}`);
            } else {
                console.log('異なる');
            }
        })

        //プロフィール情報(グローバル変数)にインプットの内容を代入
        profile_name = document.getElementById('nameChange').value;
        profile_icon = document.getElementById('iconChange').value;
        profile_intro = document.getElementById('introChange').value;
        profile_position = selectedPosition;

        //sessionStorageにプロフィール情報を格納
        sessionStorage.setItem('pf_name',profile_name);
        sessionStorage.setItem('pf_icon',profile_icon);
        sessionStorage.setItem('pf_intro',profile_intro);
        sessionStorage.setItem('pf_position',profile_position);

        //プロフィール編集画面にアイコンの更新内容を反映
        document.getElementById('icon_Changed').style.backgroundImage = `url(${profile_icon})`;
    })
}
profile();

試したこと

console.logを用いて不具合箇所の絞り込み
forEachの処理において全てのラジオボタンが適切に判定されているかの確認

補足情報（FW/ツールのバージョンなど）

VSCode1.48.1

Answer 1

全角スペースを半角にしましょう。

<!--                                     ↓ 全角スペース -->
<input type="radio" name="positionChange"　value = 'leader' >リーダー

Comments

[Fukids34]

解決できました！ありがとうございます。