グローバル変数を呼び出す

Question

これはクイズの1つです。あなたがあなたの答えを選択するとヒットすると1

のうち「送信」それはず出力あなたの答えとあなたのスコアは、問題は、それが正しく「VAR応答」を読んでいません - それは未定義出てきます。私は、私は現在、2つのresponse変数、というグローバルとに割り当てられた最初のものを持っている

すべてのヘルプは高く評価され:)

<p id="question"> 
<button type="button" class="start" onclick="test();">Start</button> 
</p> 

<p id="here"></p> 

<script> 

    function test() { 
     document.getElementById("question").innerHTML = 
      "<p>What color is the sky? <select id='list' onchange='score();'><option value='Not Sure' selected>Not Sure</option><option value='Blue'>Blue</option><option value='Red'>Red</option></select></p><button type='button' onclick='submit();'>submit</button>"; 
    } 

    var total = 0; 
    var response = document.getElementById('list').value; 
    function score() { 
     var response = document.getElementById('list').value; 
     if (response === "Blue") { 
      total++; 
     } 
    } 

    function submit() { 
     document.getElementById("here").innerHTML = 
      "Your Answer:" + response + "<br />" + total + "/1"; 
    } 

</script> 

Answer 1

あなたの問題を解決することができます目の第2のセットを期待していた

まだ存在しないフィールドからの値であり、第2のフィールドはscore()関数内のローカルである。

あなたは関数外宣言変数する必要がありますが、はscore()内その値を設定します。

function test() { 
 
    document.getElementById("question").innerHTML = 
 
     "<p>What color is the sky? <select id='list' onchange='score();'><option value='Not Sure' selected>Not Sure</option><option value='Blue'>Blue</option><option value='Red'>Red</option></select></p><button type='button' onclick='submit();'>submit</button>"; 
 
} 
 

 
var total = 0; 
 
var response = "Not sure"; 
 
function score() { 
 
    // 'var' removed from following line: 
 
    response = document.getElementById('list').value; 
 
    if (response === "Blue") { 
 
     total++; 
 
    } 
 
} 
 

 
function submit() { 
 
    document.getElementById("here").innerHTML = 
 
     "Your Answer:" + response + "<br />" + total + "/1"; 
 
}

<p id="question"> 
 
<button type="button" class="start" onclick="test();">Start</button> 
 
</p> 
 

 
<p id="here"></p>

（また、ではないあなたが求めているもの、それscore()を選択要素のonchangeから呼び出すことは理にかなっていません。なぜなら、ユーザーが心をブルーからレッドに変更すると何度もtotal変数が数回インクリメントされ、3/1のようなスコアが得られます。

Answer 2

functionスコープ内でグローバル変数を再定義する以下の方法では、 "var"を削除することができます。

function score() { 
     response = document.getElementById('list').value; 
     if (response === "Blue") { 
      total++; 
     } 
    } 

Answer 3

問題は、この行の行は、DOM内のid list存在を持つ要素がない解析され

var response = document.getElementById('list').value; 

であると思われます。したがって、undefinedが表示されています。

はあなたがVaRの_response_にページの読み込み中に_value_を読むこと、test機能

function test() { 
    document.getElementById("question").innerHTML = 
    "<p>What color is the sky? <select id='list' onchange='score();'><option value='Not Sure' selected>Not Sure</option><option value='Blue'>Blue</option><option value='Red'>Red</option></select></p><button type='button' onclick='submit();'>submit</button>"; 
    response = document.getElementById('list').value; 

} 

DEMO