開關箱不工作 - 不能找到價值

Question

這裏是我的問題：

我試圖讓HTML5/JavaScript的問題形式使用2個開關的情況下，顯示在不同領域的問題和答案。我使用var box來回答問題和var答案（使用innerHTML）。無論如何，當我第一次在init（）中時，它應該檢查innerHTML文章中的answers.value，當我使用它時找不到answers.value，我會喜歡一些幫助這個。

<script type="text/javascript"> 
      window.addEventListener('load', function() { 

        var box = document.getElementById('vragen'); 
        var answers = document.getElementById('antwoorden'); 

        box.innerHTML = 'Kun je je print pas met contant geld opwaarderen?'; 
        answers.innerHTML = '<input type="button" value="Antwoord 1" onclick="init()"><br><input type="button" value="Antwoord 2" onclick="init()"><br><input type="button" value="Antwoord 3" onclick="init()"><br><input type="button" value="Antwoord 4" onclick="init()">'; //onclick function 

        var foutenCounter; 
        var antwoord = ''; 
      }); 

      function init() { 

      switch(answers.value) { 
       case 'Antwoord 1': 
       alert("test"); 
       antwoord = 'a'; 
        switch(antwoord) { 
         case 'a': 
          alert('goed'); 
         break; 

         case 'b': 
          //fout example. 
          alert('fout'); 
         break; 

         case 'c': 

         break; 

         case 'd': 

         break; 
        } 
       break; 

Answer 1

answers不會被定義在你的init函數中。您應該全局定義var answers，那麼您應該能夠將它設置爲負載並在init中使用它。