[HTML] Calculadora OD - para jogadores sem premium

  • Iniciador do tópico lynce
  • Data de início
Estado
Não está aberto para novas respostas.

DeletedUser

Guest
Podem guardar a pagina e correr localmente no vosso pc/browser


Nome:
Calculadora OD
O que faz:
Calcula a pontuação dos oponentes derrotados ,não simula as perdas ocorridas numa batalha, usa-se apenas para quando se sabe as tropas k se vai matar, mas que se quer ter uma ideia do OD que vai ser ganho

Link: http://db.tt/XYqdP55D

11.jpg



Código
HTML:
<!DOCTYPE html>
<html>
    <head>
		
        <title>Calculadora OD</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body >	
	 <form name="form"> 
		<h1>Calcular OD</h1>       
				
				<strong>Estou a atacar ou a defender ? ODA ou ODD?</strong>
				<br />

				<!-- radio button para selecionar se esta a atacar ou a ser atacado, o  checked="checked" pre-seleciona-->

				<input type="radio" name="calcularOD"  id="oda"  checked="checked">  Estou a atacar - tropas do inimigo mortas - ODA<br />
				<input type="radio" name="calcularOD" id="odd"  > Estou a defender - tropas o do inimigo mortas - ODD<br /><br />
				

 
				<!-- imagens das unidades + textbox + valor 0 é atribuido por defeito-->

                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_spear.png?48b3b" alt="Lança" width="15" height="15">&nbsp;&nbsp;<input type="text" name="lanca" value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_sword.png?b389d" alt="Espada" width="15" height="15">&nbsp;&nbsp;<input type="text" name="espada"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_axe.png?51d94" alt="Barbaro" width="15" height="15">&nbsp;&nbsp;<input type="text" name="barbaro"  value="0" size="4"> 
				<img src="http://cdn2.tribalwars.net/graphic/unit/unit_archer.png?db2c3" alt="Arqueiro" width="15" height="15">&nbsp;&nbsp;<input type="text" name="arqueiro"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_spy.png?eb866" alt="Batedor" width="15" height="15">&nbsp;&nbsp;<input type="text" name="batedor"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_light.png?2d86d" alt="" width="15" height="15">&nbsp;&nbsp;<input type="text" name="cavalariaLeve"  value="0" size="4"> 
				<br/>
				<img src="http://cdn2.tribalwars.net/graphic/unit/unit_marcher.png?ad3be" alt="Arqueiro a cavalo" width="15" height="15">&nbsp;&nbsp;<input type="text" name="arqueiroCavalo"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_heavy.png?a83c9" alt="Cavalaria pesada" width="15" height="15">&nbsp;&nbsp;<input type="text" name="cavalariaPesada"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_ram.png?2003e" alt="Ariete" width="15" height="15">&nbsp;&nbsp;<input type="text" name="ariete"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_catapult.png?5659c" alt="Catapulta" width="15" height="15">&nbsp;&nbsp;<input type="text" name="catapulta"  value="0" size="4"> 
                <img src="http://cdn2.tribalwars.net/graphic/unit/unit_knight.png?58dd0" alt="Paladino" width="15" height="15">&nbsp;&nbsp;<input type="text" name="paladino"  value="0" size="4">  
				<img src="http://cdn2.tribalwars.net/graphic/unit/unit_snob.png?0019c" alt="Nobre" width="15" height="15">&nbsp;&nbsp;<input type="text" name="nobre"  value="0" size="4">  
				<br/>
				&nbsp;&nbsp;&nbsp;&nbsp;<strong>ODT actual</strong> 
				<br/>
				&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="odtactual" value="0" size="4"> 
				<br/>
				<br/>			
				<!-- botao calcular, ao ser pressionado ira executar a funçao calcular() que esta dentro do <script> </script>-->
                <input   type='button' value='Calcular OD' onclick='calcular();'/>  <input   type='button' value='Limpar' onclick='limpar();'/> 

	</form> 
	

		
		<script>//por uma questao de conveniencia vou colocar o script dentro desta pagina, mas deve-se separar o codigo,
				//javascript e css em ficheiros .css e .js e ligalos a pagina e de preferencia no final da pagina
			function calcular() //funçao calcular 
			{
				//Variaveis de Pontuação ODA
				var odaLanca=4;
				var odaEspada=5;
				var odaBarbaro=1;
				var odaArqueiro=5;
				var odaBatedor=1;
				var odaCavalariaLeve=5;
				var odaArqueiroCavalo=6;
				var odaCavalariaPesada=23;
				var odaAriete=4;
				var odaCatapulta=12;
				var odaPaladino=40;
				var odaNobre=200;		

				//Variaveis de Pontuação ODD
				var oddLanca=1;
				var oddEspada=2;
				var oddBarbaro=4;
				var oddArqueiro=2;
				var oddBatedor=2;
				var oddCavalariaLeve=13;
				var oddArqueiroCavalo=12;
				var oddCavalariaPesada=15;
				var oddAriete=8;
				var oddCatapulta=10;
				var oddPaladino=20;
				var oddNobre=200;
				
				//valor lido das textboxes e atribuiçao desses valores a novas variaveis
				var lanca=document.form.lanca.value;
				var espada=document.form.espada.value;
				var barbaro=document.form.barbaro.value;
				var arqueiro=document.form.arqueiro.value;
				var batedor=document.form.batedor.value;
				var cavalariaLeve=document.form.cavalariaLeve.value;
				var arqueiroCavalo=document.form.arqueiroCavalo.value;
				var cavalariaPesada=document.form.cavalariaPesada.value;
				var ariete=document.form.ariete.value;
				var catapulta=document.form.catapulta.value;
				var paladino=document.form.paladino.value;
				var nobre=document.form.nobre.value;	
				var odtactual=document.form.odtactual.value;
				var novoODA=(lanca*odaLanca)+(espada*odaEspada)+(barbaro*odaBarbaro)+(arqueiro*odaArqueiro)+(batedor*odaBatedor)+(cavalariaLeve*odaCavalariaLeve)+(arqueiroCavalo*odaArqueiroCavalo)+(cavalariaPesada*odaCavalariaPesada)+(ariete*odaAriete)+(catapulta*odaCatapulta)+(paladino*odaPaladino)+(nobre*odaNobre);
				var novoODD=(lanca*oddLanca)+(espada*oddEspada)+(barbaro*oddBarbaro)+(arqueiro*oddArqueiro)+(batedor*oddBatedor)+(cavalariaLeve*oddCavalariaLeve)+(arqueiroCavalo*oddArqueiroCavalo)+(cavalariaPesada*oddCavalariaPesada)+(ariete*oddAriete)+(catapulta*oddCatapulta)+(paladino*oddPaladino)+(nobre*oddNobre);
				var odta=parseInt(odtactual)+parseInt(novoODA);
				var odtd=parseInt(odtactual)+parseInt(novoODD);

if(document.getElementById('oda').checked) <!-- funçao if , lê qual dos radio buttons foi selecionado (.checked) -->
				{
					//calcula e mostra o resultado ODA e mostrar sob forma de pop up com o alert()
					alert("Ganhaste " + (novoODA) + " de ODA \n " + "OD Total é " + odta	) ;
				}
				else if(document.getElementById('odd').checked)
				{	//calcula e mostra o resultado ODD  e mostrar sob forma de pop up com o alert()
					alert("Ganhaste " + (novoODD) + " de ODA \n " + "OD Total é " + odtd	);
				}
			}


			function limpar()//funçao para limpar as textboxes depois de calcular o od, isto é feito ao atribuir valor 0 as textboxes
			{
				document.form.lanca.value = 0 ;
				document.form.espada.value = 0 ;
				document.form.barbaro.value = 0 ;
				document.form.arqueiro.value = 0 ;
				document.form.batedor.value = 0 ;
				document.form.cavalariaLeve.value = 0 ;
				document.form.arqueiroCavalo.value = 0 ;
				document.form.cavalariaPesada.value = 0 ;
				document.form.ariete.value = 0 ;
				document.form.catapulta.value = 0 ;
				document.form.paladino.value = 0 ;
				document.form.nobre.value = 0 ;
				document.form.odtactual.value = 0 ;
			}

		</script>
		


	</body >	
	</html>
 
Última edição por um moderador:

DeletedUser17651

Guest
Está bom mas podias colocar a milicia pois está em falta
 

DeletedUser17651

Guest
Nice.


Só uma dica, no botão Limpar tudo, falta-te o evento onclick="limpar()"
 

DeletedUser39387

Guest
Nice.


Só uma dica, no botão Limpar tudo, falta-te o evento onclick="limpar()"
apaguei a função e coloquei um input do tipo reset, pelo menos pensava que o tinha feito, na pratica faz o mesmo ao apagar todas as caixas de texto
 

DeletedUser17651

Guest
Em substituição da função limpar(), ele fez:
PHP:
<input type="reset" value="Limpar tudo">
 
Estado
Não está aberto para novas respostas.
Topo