変数値を変更する際に `alert`エラーが発生しました

Question

私は選択されているラジオボタンの番号に応じてラジオボタンを押します。

var radioButtons = document.querySelectorAll('input[type=radio]'); 
 

 
var chanceoflive1 = 0; 
 
var user; 
 
function choose(choice){ 
 
    user = choice; 
 
} 
 

 
function changechanceoflive1(){ 
 
    if (user == 'bricks') { 
 
     chanceoflive1 = 1; 
 
    } 
 
    else if (user == 'wood') { 
 
     chanceoflive1 =3 
 
    } 
 
    else if (user == 'stone') { 
 
     chanceoflive1 = 2 
 
    } 
 
    alert(chanceoflive1); 
 
}

<div id="radiobuttons" class="container" name="buttons" align=center> 
 

 
    <h2>I Want my Building to be Made of:</h2> 
 

 
    <ul> 
 
    <li> 
 
    <input type="radio" id="brick-option" name="material" value="1" onClick="choose('bricks')" checked="checked"> 
 
    <label for="brick-option">Bricks</label> 
 

 
    <div class="check"></div> 
 
    </li> 
 

 
    <li> 
 
    <input type="radio" id="wood-option" name="material" value="3" onClick="choose('wood')"> 
 
    <label for="wood-option">Wood</label> 
 

 
    <div class="check"> 
 
     <div class="inside"></div> 
 
    </div> 
 
    </li> 
 

 
    <li> 
 
    <input type="radio" id="stone-option" name="material" value="2" onClick="choose('stone')"> 
 
    <label for="stone-option">Stone</label> 
 

 
    <div class="check"> 
 
     <div class="inside"></div> 
 
    </div> 
 
    </li> 
 
    </ul> 
 
</div> 
 

 
<form action="chooseheight.html"> 
 
    <div class="wrapper"> 
 
    <button class="button" onClick="changechanceoflive1()" align=center>Submit</button> 
 
    </div> 
 
</form>

私は木をクリックすると、それは完璧である、3に警告します。私が石をクリックすると、それは2に警告します。これは素晴らしいことです。私がレンガをクリックすると、0に警告されますが、なぜですか？

Answer 1

var chanceoflive1 = 1; となり、すべて正常に動作します。最初のラジオボタンがあらかじめ選択されています。レンガから離れてレンガに戻ることなく、chanceoflive1は初期値0のままです。

Answer 2

これは、ユーザーがチェックボックスをクリックしないと実際に何も選択しなかったためです。レンガをデフォルトのオプションにしたいので、スクリプトの最後にchoose('bricks')を呼び出すか、変数宣言にvar user = 'bricks';を設定するだけです。