Skip to main content
adicionou 656 caracteres ao conteúdo
Fonte Link
Leandro Angelo
  • 9,4mil
  • 3
  • 23
  • 35
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>
var tabela = "";var t = 0;for(var i=0;i";for(var j=0;j"+t+"";t++;}tabela += "";}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 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 += "
" + 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();}
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";for(var j=0;j"+t+"";t++;}tabela += "";}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 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 += "
" + 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();}

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>
Fonte Link

Resetar página através do botão reset

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.

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"; for(var j=0;j"+t+""; t++; } tabela += ""; } 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 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 += "
" + 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(); }