Nsryjdtyk

I am working in a quiz, it has a dropdown with all the posible answer and a query that give one question at the time and contain the right answer, when they are equal I want the quiz to give 3 points. and I want those 3 points to be shown in the top corner of the page and when the student answer the next question and it is correct I want 3 more points to be added and the new total to be shown in the top corner. I was able to get an alert to tell that the answer was correct and to give an alert that I earn 3 points. But what I really want is to see the points been added and display as they grow with each correct answer not alerts although it was a good start because at least now I know that the query and the dropdown are communicating. I also try echo to see if it's display at least the 3 points but I think that echo don't work with JavaScript function. Thanks in advance for your help, have a great day!

    <!-- Select page, A dropdown -->

<select id="author"> 

    <option value="">Select Author</option>

    <?php

    if($rowCount > 0){

        while($row = $query->fetch_assoc()){ 

            echo '<option value="'.$row['authors_id'].'">'.$row['authors'].'</option>';

        }

    }else{

        echo '<option value="">Author not available</option>';

    }

    ?>

</select>



<!-- functionpage-->





$(function() {

    $('#author').on('change', function(event) {

         var opt = this.options[ this.selectedIndex ];

         var correct = $(opt).text().match (arr2);

         var score = 0;   

 if (correct){

       alert('Good job ' + arr2,);

         score++;

    alert (score++);



 } 





else {

     echo ('nice try ' + arr2);

 }

    });

});

</script>



<script>       

    var arr2=;

    arr2.push('<?php



        $query = "Select * from Titles"

        $res6 = mysqli_query($db,$query) or die(mysqli_error($db));



        while($data = mysqli_fetch_array($res6))

        {





             echo $data['authors'];



        }

             ?>');

        </script>