HTMLボタンの選択に応じてJS変数の値を変更しますか？

Question

こんにちは、私はどのボタンが選択されているかに応じてjavascript変数の値を変更しようとしています。たとえば、

<button id="1" onclick="changeVal('val1')">b1</button> 
<button id="2" onclick="changeVal('val2')">b2</button> 

<script> 
var value; 
function changeVal(choice) { 
    if (choice == 'val1') { 
    value = 'number value 1' 
    } else if (choice == 'val2'){ 
    value ='number value 2' 
    } 
*etc for more buttons* 
} 
</script> 

可変値は後で使用されます。 問題の周りに頭を包むことはできません。まったく間違っているか近いとしていますが、そこにはあまり行きません。

編集： まだ問題がありますが、基本的にはその選択肢の値を返して、別の関数で呼び出すことができます。

<script> 
var value... 
function changeval... //Return choice value out 

function useValue() { 
    alert(choice) //Use choice value here 
} 

メモ無視構文はすぐに書きました。

Answer 1

上記のコードは、Webブラウザで完全に動作します。問題は、可変スコープという概念でなければなりません。または、関数内で変数valueを使用しています。

Answer 2

"choice"変数をグローバル変数に割り当てることを検討して、関数の外部からアクセスできるようにしてください。 サンプルスニペットは次のとおりです。

<button id="1" onclick="changeVal('val1')">b1</button> 
<button id="2" onclick="changeVal('val2')">b2</button> 
<button id="3" onclick="display()">Display Value</button> 
<script> 
    var value = ""; 
    var globalChoice =""; 
    function changeVal(choice) { 
     if (choice == 'val1') { 
      value = 'number value 1'; 
     } else if (choice == 'val2'){ 
      value ='number value 2'; 
     } 
     globalChoice = choice; 
    } 
    function display(){ 
     alert(globalChoice); 
    } 

</script>