To com um problema bem simples, mas como sou iniciante em javascript não estou conseguindo fazer.

to com esse código, e preciso criar uma função que resete a página sem recarregar ela, quem puder ajudar eu agradeço. 

<!DOCTYPE html>
<html>
<style>
table,th,td {
  border : 1px solid black;
  border-collapse: collapse;
}
th,td {
  padding: 5px;
}
</style>
<body>

<h2>Loteria AJAX - PLUS</h2><br>
Quantidade de números: <input type="text" id="id1" value="3">
<br><button type="button" id="id2" onclick="loadDoc();">Sortear</button> <button type="reset" onclick="myFunction();" value="Reset">Reset</button>
<br><br>
Resultado:
<br>
<table id="numeros"></table>
<br>
Status do sorteio:
<p id="sorteio"></p>


<script>

var tabela = "";
var t = 0;

for(var i=0;i<10;i++)
{
	tabela += "<tr>";
	for(var j=0;j<10;j++)
	{
		tabela += "<td>"+t+"</td>";
		t++;
	}
	tabela += "</tr>";
}
document.getElementById("numeros").innerHTML = tabela;

var num =[];

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  var lim = document.getElementById("id1").value;
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      tratarNumero(this);
    }
  };
  xhttp.open("GET", "http://stutz.000webhostapp.com/php/sorteio.php", true);
  if (num.length < lim){
	 xhttp.send();
  }else{
    document.getElementById("sorteio").innerHTML += "<br> Fim do sorteio - Máximo de "+ lim +" números.";
    document.getElementById("id2").disabled = true;
}
  
}
function tratarNumero(response) {
  var sorteado = response.responseText;
  console.log (response.responseText);
  var unico = true;
  var k = 0;
  var table = "";
  var tem = true;

  for( var n of num){
    if (n == sorteado){
		unico = false;
	}
  }
  if (unico)
  {
     num.push(sorteado);
     document.getElementById("sorteio").innerHTML += "<br>" + num.length + "º Número sorteado:" + sorteado;

	 for(var i=0;i<10;i++)
	{
		table += "<tr>";
		for(var j=0;j<10;j++)
		{
			for(var p of num)
			{
				if(k==p)
				{
					tem = true;
					break;
				}
				else{
					tem = false;
				}
			}

			if(tem)
			{
				table += "<td> <mark>"+k+"</mark> </td>";
				k++;
			}
			else
			{
				table += "<td>"+k+"</td>";
				k++;
			}

		}
		table += "</tr>";

	}
	 

	 document.getElementById("numeros").innerHTML = table;
	 
  }else{
      document.getElementById("sorteio").innerHTML += "<br>" + num.length + "º Número sorteado:" + sorteado +"(repetido)";
  }
}
function myFunction() {
    document.getElementById("myForm").reset();
}

</script>

</body>
</html>