table,th,td{border: 1px solid black;border-collapse: collapse;}th,td{padding: 5px;}
Loteria AJAX - PLUS
Quantidade de números:
Sortear Reset
Resultado:
Status do sorteio:
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();
}
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
th,
td {
padding: 5px;
}
<html>
<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>
</body>
</html>
" + num.length + "º Número sorteado:" + sorteado;for(var i=0;i";for(var j=0;j "+k+" ";k++;}else{table += ""+k+"";k++;}}table += "";}document.getElementById("numeros").innerHTML = table;}else{document.getElementById("sorteio").innerHTML += "
" + num.length + "º Número sorteado:" + sorteado +"(repetido)";}}function myFunction(){document.getElementById("myForm").reset();}