msoliver
(usa Debian)
Enviado em 11/06/2020 - 23:48h
NaoSeiJs escreveu:
Olá, estou fazendo um projeto em JavaScript puro, em que eu tenho um formulário em html com dois radio buttom. Um é do jogador 1, e o outro é do jogador 2 e embaixo tem nome, nick e idade do jogador checado.
O que eu quero é pegar os dados inseridos nesse formulário e mandar para uma outra página no botão do jogador 1, as informações do radio buttom do jogador ,1 e no botão do jogador 2, as informações do radio buttom do jogador 2.
E também que os jogadores sejam alertados caso cliquem em jogar sem antes cadastrar os jogadores, e quando estiverem na página de cadastro, não consigam sair sem preencher o formulário.
Espero ter sido claro.
Aguardo respostas.
Se quer aprender,
Recomendo:
https://www.w3schools.com/js/
Direto ao ponto:
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_radio_value3
Qto ao
alerta, faria diferente.....
Somente mostra/libera o Botão jogar, se Jogador 1 e 2 estiverem cadastrados,
Veja a propriedade
display
e tbem, disabled=true|false
Armazene as informações dos jogadores em:
LocalStorage ou
SessionStorage
Testes LocalStorage()
<!DOCTYPE html>
<html>
<body>
<hr>
<h2>Testes LocalStorage()</h2>
Set Data:
<button onclick="setdata()" type="button">SET</button>
<br><br>
Get Data:
<button onclick="getdata()" type="button">GET</button>
<br><br>
Clear Data:
<button onclick="localStorage.clear()" type="button">CLEAR</button>
<hr>
<p id="demo"></p>
<script>
var var01, var02, var03, count=0;
function setdata(){
// Armazena Dados:
count=localStorage.length;
var01 = "Fulano_"+count;
var02 = "Nick "+var01;
var03 = 21+count;
localStorage.setItem("Jog_"+count, var01+":"+var02+":"+var03);
}
function getdata(){
// Pega Ultimo registro em localStorage
document.getElementById("demo").innerHTML ="Count: "+count+":"+localStorage.getItem("Jog_"+count);
}
</script>
</body>
</html>
______________________________________________________________________
Importante: echo -e "\n$(lynx --dump goo.gl/a9KeFc|sed -nr '/^[ ]+Se/,/dou.$/p')\n"
Att.: Marcelo Oliver
______________________________________________________________________
