jsで変数に代入できない

Question

＜解決したいこと＞
rails6でラジオボタンを使用し、javascriptで値を取得しました。取得したvalue値を変数に代入するとエラーが出てしまいます。変数に代入する方法を知りたいです。

window.addEventListener('load', function(){
  document.addEventListener("turbolinks:load"
  , function () {
    var checkOption = document.getElementsByName('RadioGroup1');
    
    checkOption.forEach(function(e) {
        e.addEventListener("click", function() {           
            var number = document.querySelector("input:checked[name=RadioGroup1]").value
        });
    });
  })

})


HTML ↓
<form name="form1" action="">
    <input name="RadioGroup1" type="radio"  value="1"/>
      <label for="Radio1">ラジオボタン1</label>
    <input name="RadioGroup1" type="radio"  value="2" />
      <label for="Radio2">ラジオボタン2</label>
    <input name="RadioGroup1" type="radio"  value="3" />
      <label for="Radio3">ラジオボタン3</label>
  </form>

document.querySelector("input:checked[name=RadioGroup1]").valueで値はコンソール上で取れているのを確認できますが、上記のように変数に代入したいのですが、エラー（Uncaught ReferenceError: number is not defined）が出てしまいます。

Comments

[y_waiwai]

エラーメッセージを提示しましょう

[sao.]

追記いたしました

[miyabi_pudding]

質問構文では、
変数 number を使用している箇所が見当たりませんが、
どの行で、どのように使用しようとしているかの構文も省略せず記載してください。
十中八九、numberの参照範囲外で使用しようとしています。

[sao.]

コンソール上での確認を行っています

[maisumakun]

コンソールでの値のチェックは、どのタイミングでどのようにして行いました？

[sao.]

例えばラジオボタン1をクリックした際に、document.querySelector("input:checked[name=RadioGroup1]").valueと入力すると”1"と表示されますが、numberと入力するとエラーが出てしまします。

[maisumakun]

実行させた「後に」行っていますか？デバッガなどで「途中で止めて」検証を入れていますか？

Answer 1

セレクタが誤っているように見えます。

var number = document.querySelector("input:checked[name=RadioGroup1]").value

var number = document.querySelector('input[name="RadioGroup1"]:checked').value