Fórum Alocar botões para outras páginas utilizando HTML e JS. #490144
26/08/2014
0
Bom Dia
Estou desenvolvendo uma página html a qual estou utilizando para estudar um pouco de HTML e JS, faz duas semanas que venho vendo conteúdo por mim mesmo destas duas linguagens.
A página que estou criando não se trata de uma página para um site de veras ou coisa do tipo, pois ainda sou novo em linguagem de programação web e ainda estou aprendendo muitos dos recursos que tanto o HTML quanto o JS tem a oferecer.
Pois bem, indo ao que interessa:
Esta página que estou criando, é algo extremamente simples: ela pede a idade do usuário e após o mesmo informá-la ele clica em um botão, que seria o "Fazer o cálculo da morte", e este lhe retorna uma frase baseada em um resultado de uma variável que recebe um valor de um "math.random", que lhe diz algo sobre o tempo que ele tem de vida.
Eu também criei um botão na qual o usuário pode descobrir exatamente qual é este valor (que corresponderia a suposta idade de quando ele iria morrer, que é o botão "descubra!" no meu código).
Pois bem, o que eu quero fazer aqui é o seguinte: eu quero que o usuário, após colocar a sua idade, ele clique no botão "Fazer o cálculo da morte" e ele seja direcionado a uma nova página, aonde contenha a frase e o botão "descubra!" abaixo dela (e não que este botão esteja já na primeira página, como acontece no caso deste código que fiz até agora).
Tenho mais algumas outras dúvidas:
- Quando estou na página aonde tem a frase sobre a idade da morte do usuário, como eu faria para colocar um botão para refazer o teste?
- Como seria em JS o código para que quando eu pressionasse enter ele já executasse na hora o botão "Fazer o cálculo da morte"?
- Quando ele vai pra outra página eu percebo que ele ainda continua carregando a página infinitamente no navegador, gostaria de saber como resolver isso.
Imagino que não sejam dúvidas complicadas de serem resolvidas, porém por falta de conhecimento em alguns aspectos de sintaxe eu ainda não esteja conseguindo isso... e sim, já procurei um monte soluções possíveis pra resolver estes problemas mas ainda não consegui encontrar nada que eu possa adaptar e resolver isso da maneira que eu gostaria de resolver.
Peço ajuda da comunidade pra resolver isso tanto com o código quanto com uma explicação sobre o que foi feito, pois o que mais me importa é isso, visto que estou aprendendo ainda e gostaria de saber o por quê das coisas.
Gostaria de pedir também (se não for pedir muito, claro) que alguém desse uma revisada no código e me dissesse se ele tá bacana, se estou no caminho certo e o que poderia fazer para otimizá-lo. Esse tipo de feedback seria muito importante para mim!
segue abaixo os códigos que fiz até agora:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Teste da Morte</title>
<span style="font-size:18px;"><script src="meu_arquivo_javascript.js"></script></span>
</head>
<body>
<form>
<input id="age" type="text" name="formAge" onkeydown="return isNumber(event);" value="0" /><br>
<input type="submit" value="Fazer Cálculo da Morte!" name="button2" onClick="result()">
<input type="button" value="Descubra!" name="button2" onClick="finalResult()">
</form>
</body>
</html>
JavaScript:
var num = Math.floor((Math.random() * 100) + 1);
document.write("Primeiramente, digite sua idade");
function result()
{
if ( num >= 90 )
{
document.write ("Boa! Vai viver muito ainda... quer saber qual a idade que vai morrer?");
}
else if (num >= 80 & num < 90)
{
document.write("Até que vai viver bastante... quer saber o quanto?");
}
else if (num >= 70 && num < 80)
{
document.write("Alta perspectiva de vida... quer saber qual é a idade uqe vc parte pra uma melhor?");
}
else if (num >= 60 && num < 70)
{
document.write("É, vai durar mais algum tempo ainda... quer saber qual é a idade exata que vai morrer?");
}
else if (num >= 50 && num < 60)
{
document.write("tem algum tempo de vida ainda... quer saber exatamente qual é a idade que vc irá morrer?");
}
else if (num >= 30 && num < 50)
{
document.write("aproveita que lhe resta um tempo ainda... quer saber qual é a idade da sua morte?");
}
else if (num >= 10 && num < 30)
{
document.write("Vix... vai realizando seus sonhos logo ae pq o tempo não é tão longo não... quer saber qual é a idade q vc vai morrer?");
}
else
{
document.write("É amigo(a)... Se eu fosse você já iria pensando em um bom seguro de vida... e um plano funerário! Quer saber com quantos anos você vai partir pra uma melhor?");
}
}
//função para habilitar a digitação de apenas números
function isNumber(event)
{
if (event)
{
var charCode = (event.which) ? event.which : event.keyCode;
if (charCode != 190 && charCode > 31 &&
(charCode < 48 || charCode > 57) &&
(charCode < 96 || charCode > 105) &&
(charCode < 37 || charCode > 40) &&
charCode != 110 && charCode != 8 && charCode != 46 )
return false;
}
return true;
}
//calculo formAge
function finalResult()
{
var x = document.getElementById("age").value;
var fullNumber = null;
if (x == 0)
{
alert("Por favor, digite a sua idade antes de prosseguir!");
}
else if (x != 0)
{
fullNumber = parseInt (x) + parseInt (num);
alert(fullNumber);
}
}
Estou desenvolvendo uma página html a qual estou utilizando para estudar um pouco de HTML e JS, faz duas semanas que venho vendo conteúdo por mim mesmo destas duas linguagens.
A página que estou criando não se trata de uma página para um site de veras ou coisa do tipo, pois ainda sou novo em linguagem de programação web e ainda estou aprendendo muitos dos recursos que tanto o HTML quanto o JS tem a oferecer.
Pois bem, indo ao que interessa:
Esta página que estou criando, é algo extremamente simples: ela pede a idade do usuário e após o mesmo informá-la ele clica em um botão, que seria o "Fazer o cálculo da morte", e este lhe retorna uma frase baseada em um resultado de uma variável que recebe um valor de um "math.random", que lhe diz algo sobre o tempo que ele tem de vida.
Eu também criei um botão na qual o usuário pode descobrir exatamente qual é este valor (que corresponderia a suposta idade de quando ele iria morrer, que é o botão "descubra!" no meu código).
Pois bem, o que eu quero fazer aqui é o seguinte: eu quero que o usuário, após colocar a sua idade, ele clique no botão "Fazer o cálculo da morte" e ele seja direcionado a uma nova página, aonde contenha a frase e o botão "descubra!" abaixo dela (e não que este botão esteja já na primeira página, como acontece no caso deste código que fiz até agora).
Tenho mais algumas outras dúvidas:
- Quando estou na página aonde tem a frase sobre a idade da morte do usuário, como eu faria para colocar um botão para refazer o teste?
- Como seria em JS o código para que quando eu pressionasse enter ele já executasse na hora o botão "Fazer o cálculo da morte"?
- Quando ele vai pra outra página eu percebo que ele ainda continua carregando a página infinitamente no navegador, gostaria de saber como resolver isso.
Imagino que não sejam dúvidas complicadas de serem resolvidas, porém por falta de conhecimento em alguns aspectos de sintaxe eu ainda não esteja conseguindo isso... e sim, já procurei um monte soluções possíveis pra resolver estes problemas mas ainda não consegui encontrar nada que eu possa adaptar e resolver isso da maneira que eu gostaria de resolver.
Peço ajuda da comunidade pra resolver isso tanto com o código quanto com uma explicação sobre o que foi feito, pois o que mais me importa é isso, visto que estou aprendendo ainda e gostaria de saber o por quê das coisas.
Gostaria de pedir também (se não for pedir muito, claro) que alguém desse uma revisada no código e me dissesse se ele tá bacana, se estou no caminho certo e o que poderia fazer para otimizá-lo. Esse tipo de feedback seria muito importante para mim!
segue abaixo os códigos que fiz até agora:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Teste da Morte</title>
<span style="font-size:18px;"><script src="meu_arquivo_javascript.js"></script></span>
</head>
<body>
<form>
<input id="age" type="text" name="formAge" onkeydown="return isNumber(event);" value="0" /><br>
<input type="submit" value="Fazer Cálculo da Morte!" name="button2" onClick="result()">
<input type="button" value="Descubra!" name="button2" onClick="finalResult()">
</form>
</body>
</html>
JavaScript:
var num = Math.floor((Math.random() * 100) + 1);
document.write("Primeiramente, digite sua idade");
function result()
{
if ( num >= 90 )
{
document.write ("Boa! Vai viver muito ainda... quer saber qual a idade que vai morrer?");
}
else if (num >= 80 & num < 90)
{
document.write("Até que vai viver bastante... quer saber o quanto?");
}
else if (num >= 70 && num < 80)
{
document.write("Alta perspectiva de vida... quer saber qual é a idade uqe vc parte pra uma melhor?");
}
else if (num >= 60 && num < 70)
{
document.write("É, vai durar mais algum tempo ainda... quer saber qual é a idade exata que vai morrer?");
}
else if (num >= 50 && num < 60)
{
document.write("tem algum tempo de vida ainda... quer saber exatamente qual é a idade que vc irá morrer?");
}
else if (num >= 30 && num < 50)
{
document.write("aproveita que lhe resta um tempo ainda... quer saber qual é a idade da sua morte?");
}
else if (num >= 10 && num < 30)
{
document.write("Vix... vai realizando seus sonhos logo ae pq o tempo não é tão longo não... quer saber qual é a idade q vc vai morrer?");
}
else
{
document.write("É amigo(a)... Se eu fosse você já iria pensando em um bom seguro de vida... e um plano funerário! Quer saber com quantos anos você vai partir pra uma melhor?");
}
}
//função para habilitar a digitação de apenas números
function isNumber(event)
{
if (event)
{
var charCode = (event.which) ? event.which : event.keyCode;
if (charCode != 190 && charCode > 31 &&
(charCode < 48 || charCode > 57) &&
(charCode < 96 || charCode > 105) &&
(charCode < 37 || charCode > 40) &&
charCode != 110 && charCode != 8 && charCode != 46 )
return false;
}
return true;
}
//calculo formAge
function finalResult()
{
var x = document.getElementById("age").value;
var fullNumber = null;
if (x == 0)
{
alert("Por favor, digite a sua idade antes de prosseguir!");
}
else if (x != 0)
{
fullNumber = parseInt (x) + parseInt (num);
alert(fullNumber);
}
}
Allan Domingos
Curtir tópico
+ 0
Responder
Posts
26/08/2014
Allan Domingos
Alguém?
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)