javascript - 开关盒不起作用 - 找不到值(value)

Question

这是我的问题:

我正在尝试使用 html5/javascript 获取问题表单，并使用 2 个开关案例来显示现场的不同问题和答案。我使用 var box 来表示问题，使用 var Answers 来表示答案(使用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 函数中定义。您应该全局定义 varanswers，然后您应该能够在加载时设置它并在 init 中使用它。