Quiz em HTML/JS/PHP

ola, estou fazendo um projeto de um quiz, no qual primeiramente fiz com html e javascript. Agora quero enviar as resposta para um banco de dados, eu consigo enviar com o codigo antigo ou terei que refazer em php o codigo?

 <div class="cadastrar">
 <br>
 <br>
 <h1>Dog</h1>
 <br>
 <br>
 <table>
 <tr>
 <td align="center">
 <a href="javascript:alternativaClickado (false, ' inclusaoquiz.php')"><input type="hidden" value="Errado" name="resposta">
 <img class="opcao" src="imagens/a1.jpeg"></input></a>
 </td>
 <td align="center">
 <a href="javascript:alternativaClickado (true, ' inclusaoquiz.php')"><input type="hidden" name="resposta" value="Correto">
 <img class="opcao" src="imagens/a2.jpg"></input>
 </td>
 <td align="center">
 <a href="javascript:alternativaClickado (false, ' inclusaoquiz.php')"><input type="hidden" name="resposta" value="Errado">
 <img class="opcao" src="imagens/a3.jpg"></input>
 </td>
 </tr>
 </table>
 </div>

codigo do javascript:

function alternativaClickado (correto,proxima) {
 var pontuacao;
 pontuacao = sessionStorage.getItem("pontos");
 if(pontuacao==null) {
 pontuacao=0;
 }
 if (correto==true) { //correto==VERDADE
 pontuacao++; //pontuacao=pontuacao+1
 sessionStorage.setItem("pontos",pontuacao);
 }

 location.href=proxima;
}

codigo php:

<?php
	mysql_connect('localhost', 'root', '') or die (mysql_error ('ERRO NA CONEXÃO !!!'));
	mysql_select_db('senai');
	mysql_query("SET NAMES 'utf8'");
	mysql_query('SET character_set_connection=utf8');
	mysql_query('SET character_set_client=utf8');
	mysql_query('SET character_set_results=utf8');

	$resposta = $_POST ["resposta"];

	$result = "INSERT INTO quizingles(ds_resposta)
	VALUES('$resposta')";

	mysql_query($result);
	mysql_close();

 session_start(); // Iniciando a Sessão

 if($_SESSION['contador'] = $_SESSION['contador'] +1){

 echo $_SESSION['contador'];

 }else{
 echo "Ocorreu um erro";
 }
 $cont = $_SESSION['contador'];

 if ($cont==2){
 header('location:quiz2.html');
 }

 if ($cont==3){
 header('location:quiz3.html');
 }

 if ($cont==4){
 header('location:quiz4.html');
 }

 if ($cont==5){
 header('location:quiz5.html');
 }

 if ($cont==6){
 header('location:quiz6.html');
 }

 if ($cont==7){
 header('location:quiz7.html');
 }

 if ($cont==8){
 header('location:quiz8.html');
 }

 if ($cont==9){
 header('location:quiz9.html');
 }

 if ($cont==10){
 header('location:quiz10.html');
 }

 if ($cont==11){
 header('location:quiz11.html');
 }

 if ($cont==12){
 header('location:quiz12.html');
 }

 if ($cont==13){
 header('location:quiz13.html');
 }

 if ($cont==14){
 header('location:quiz14.html');
 }

 if ($cont==15){
 header('location:quiz15.html');
 }

 if ($cont==16){
 header('location:quiz16.html');
 }

 if ($cont==17){
 header('location:quiz17.html');
 }

 if ($cont==18){
 header('location:quiz18.html');
 }

 if ($cont==19){
 header('location:quiz19.html');
 }

 if ($cont==20){
 header('location:quiz20.html');
 }

 if ($cont >= 21){
 header('location:quiz21.html');
 $_SESSION['contador']=1;
 }

?>