为什么我的这段JavaScript代码无法运行？

<!DOCTYPE html>
<head>
    <meta charset='utf-8'>
    <title>中医九种体质评测</title>
    
</head>
<body>

    <form action='adjustHealth.php'  method='GET'>
        
    <script> 
    var questionNumber=1;
    var questionArray=new Array(' 您是否因为天气的变化而感到郁郁寡欢？','您是否经常感到身体莫名奇妙的疼痛','您是否常常需要叹一口气才感到舒服','您是否经常莫名其妙的感到烦恼','您是否一年四季手脚冰凉');
    var answerArray=new Array();
    var questionContent=document.getElementById('questionContent');
    var nextQuestionButton=document.getElementById('nextQuestionButton');
    var lastQuestionButton=document.getElementById('lastQuestionButton');
    var customAnswer=document.getElementById('answer');
    var i=1
    function nextQuestionButton(){
        questionContent.innerHTML=questionArry[i]+'?';
        answerArray[i-1]=customAnswer.value;
        i++
        if(i>1){
            lastQuestionButton.style='visibility:visible';
        }else{
            lastQuestionButton.style='visibility:hidden';
        };
        if(i==4){
            lastQuestionButton.type='submit';
        }else{
            lastQuestionButton.type='button';
        }
    }


    </script>
        <span id='questionContent'>您是否因为天气的变化而感到郁郁寡欢？</span><br>
        <input type='radio' id='answer' name='question' value='nothing'>从来不<br>
        <input type='radio' id='answer' name='question' value='light'>稍微<br>
        <input type='radio' id='answer' name='question' value='often'>经常<br>
        <input type='radio' id='answer' name='question' value=‘always’>总是<br>
        <input type='button' id='nextQuestionBUtton' name='gofoward' value='下一问' style='visibility:visible' onclick='nextQuestionButton()'>
        <input type='button'  id='lastQuestionButton'  name='goback' value='上一问' style='visibility:hidden'>
    </form>
</body>
</html>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

6条回答默认最新

哒哒哒菓子 2021-08-05 18:33

关注


<!DOCTYPE html>
<head>
    <meta charset='utf-8'>
    <title>中医九种体质评测</title>
    
</head>
<body>
 
    <form action='adjustHealth.php'  method='GET'>
        <span id='questionContent'>您是否因为天气的变化而感到郁郁寡欢？</span><br>
        <input type='radio' id='answer' name='question' value='nothing'>从来不<br>
        <input type='radio' id='answer' name='question' value='light'>稍微<br>
        <input type='radio' id='answer' name='question' value='often'>经常<br>
        <input type='radio' id='answer' name='question' value=‘always’>总是<br>
        <input type='button' id='nextQuestionBUttonId' name='gofoward' value='下一问' style='visibility:visible' onclick='nextQuestionButton()'>
        <input type='button'  id='lastQuestionButton'  name='goback' value='上一问' style='visibility:hidden'>
    </form>
        
    <script> 
    var questionNumber=1;
    var questionArray=new Array(' 您是否因为天气的变化而感到郁郁寡欢？','您是否经常感到身体莫名奇妙的疼痛','您是否常常需要叹一口气才感到舒服','您是否经常莫名其妙的感到烦恼','您是否一年四季手脚冰凉');
    var answerArray=new Array();
    var questionContent=document.getElementById('questionContent');
    var nextQuestionBUttonId=document.getElementById('nextQuestionBUttonId');
    var lastQuestionButton=document.getElementById('lastQuestionButton');
    var customAnswer=document.getElementById('answer');
    var i=1
    function nextQuestionButton(){
        questionContent.innerHTML=questionArray[i]+'?';
        answerArray[i-1]=customAnswer.value;
        i++
        if(i>1){
            lastQuestionButton.style='visibility:visible';
        }else{
            lastQuestionButton.style='visibility:hidden';
        };
        if(i==4){
            lastQuestionButton.type='submit';
        }else{
            lastQuestionButton.type='button';
        }
    }
 
 
    </script>
</body>
</html>