开关盒不工作 - 无法找到价值

时间:2014-11-06 08:15:47

标签: javascript html html5

这是我的问题:

我正在尝试使用2个开关案例在html5 / javascript中获取问题表单,以在该字段上显示不同的问题和答案。我正在使用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;

1 个答案:

答案 0 :(得分:1)

answers不会在init函数中定义。您应该全局定义var answers,然后您应该能够在加载时设置它并在init中使用它。