help

Javascript:

var qNum=0;
var qArray=document.querySelectorAll(".question");
        function next(){
          qNum++;
          if(qArray.length>qNum)
          {
                document.querySelector(".active").classList.remove("active");
                qArray[qNum].classList.add("active");
          }
        } ;


Example of my crapy code for a question:

<section id="ques1" class="question">
              <img src="Cadia.jpg"></img>
              <li>
              <label><?php echo $questions[1][0];?></label><br>
                <input type="radio" name="question2" value="Aberdeen"><?php echo $questions[1][1];?></input><br>

                <input type="radio" name="question2" value="London"><?php echo $questions[1][2];?></input><br>

                <input type="radio" name="question2" value="Edinburgh"><?php echo $questions[1][3];?></input><br>
              </li>
            </section>