Ir para conteúdo
Fórum Script Brasil
  • 0

Scripts do Torneio de Javascript


Jonathan Queiroz

Pergunta

Esse tópico foi criado com o objetivo de organizar os scripts utilizados no Torneio de JavaScript.

Os links para os scripts ficarão contidos nesse tópico.

Segunda Fase

Desafio: Criação de um jogo da memória.

 
Fiote
3841525192_b3b29daf69_t.jpg
KaKarotto
3841587752_a14220b57d_t.jpg
Romerito
3841673302_0b5bdf1eb5_t.jpg
Mestre Sam
3841703338_e43f1215d5_t.jpg
Flavio
3840942457_13b571d2f8_t.jpg

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

i aew galera, pois bem, como já disse anteriormente estou colocando uma nova versão do meu script com algumas funcionalidades a mais, como por exemplo placar de recordes, testei bem pouco, se tiver algum erro por favor me avisem!

essa versão eu converte algumas coisas para JSON.

acho que essa versão esta com um visual menos feio, espero que gostem, abraço a todos!

Download Jogo da Memoria

Editado por Romerito
Link para o comentário
Compartilhar em outros sites

  • 0
Parabéns ae Romerito !

Ficou massa.

po valeu!

Só não consegui passar de fase (mesmo no fácil). Então não tive como testar os recordes^^

shuuash nem é dificil assim!

a ultima versão estava com uns bugs no cronometro, fiz a correção e acho que agora esta funfando legal, já edite o post do link!

Link para o comentário
Compartilhar em outros sites

  • 0

Parabéns Romerito !!!

Não usou nenhuma variável global, usou o conceito de objetos, muito bom ^^.

Acho que levei sorte hein, se tivesse caprichado assim no torneio teria levado essa...

Link para o comentário
Compartilhar em outros sites

  • 0
Parabéns Romerito !!!

po brigado!

Acho que levei sorte hein, se tivesse caprichado assim no torneio teria levado essa...

o mano acho que eu não levaria, eu ve o seu script ta bonito até de olhar e muito legal de jogar, alias olhei o de todos, os caras são feras!

abraço a todos!

Editado por Romerito
Link para o comentário
Compartilhar em outros sites

  • 0

Bom eis o meu projeto da calculadora!

HTML

--------------------------------------------------------------------------------------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Calculadora</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type = "text/css">

* {font-weight: bold; font-size: 10px; height: 32px;}

input {width: 40px; height: 40px; border: 1px solid #ccc; background-color: white;}

input:hover {border-color: black; background-color: #f2f2f2}

#calc {border: 5px solid #565656; border-bottom-width: 20px; width: 250px;}

#visor {width: 100%; font-size: 14px; text-align: right; background-color: #ccc; border: 1px solid black;}

</style>

&lt;script type = "text/javascript" src = "controles.js"> </script>

</head>

<body>

<table align = "cente *r" id = "calc">

<tr>

<td align = "center" colspan = "2">

<input type = "text" id = "visor" value = "0" readonly = "readonly"/><br>

<input class = "modo" type = "radio" name = "modo" checked = "checked" />Padrão

<input class = "modo" type = "radio" name = "modo" value = "avancado"/>Avançada

</td>

</tr>

<tr>

<td id="a" align = "center">

<input class = "especial" type = "button" value = "⇐" title = "Apaga o último digito da direita para esquerda">

<input class = "especial" type = "button" value = "CE" title = "Limpa o visor">

<input class = "especial" type = "button" value = "M" title = "Guarda o valor do visor na memória">

<input class = "especial" type = "button" value = "M+" title = "Resgata o valor da memória">

<input class = "especial" type = "button" value = "M-" title = "limpa a memória">

<br>

<input class = "especial" type = "button" value = "±" title = "Inverte o sinal">

<input class = "especial" type = "button" value = ",→" title = "Move a vírgula para a direita">

<input class = "especial" type = "button" value = "←," title = "Move a vírgula para a esquerda">

<input class = "especial" type = "button" value = "π" title = "Imprime o valor de PI na tela">

<input class = "especial" type = "button" value = "%" title = "Porcentagem">

<br>

<input class = "digitos" type = "button" value = "7" title = "7">

<input class = "digitos" type = "button" value = "8" title = "8">

<input class = "digitos" type = "button" value = "9" title = "9">

<input class = "avancado" type = "button" value = "x²" title = "Eleva ao quadrado">

<input class = "avancado" type = "button" value = "√" title = "Raiz quadrada">

<br>

<input class = "digitos" type = "button" value = "4" title = "4">

<input class = "digitos" type = "button" value = "5" title = "5">

<input class = "digitos" type = "button" value = "6" title = "6">

<input class = "avancado" type = "button" value = "1/x" title = "Inverso de">

<input class = "operador" type = "button" value = "RST" title = "Resto">

<br>

<input class = "digitos" type = "button" value = "1" title = "1">

<input class = "digitos" type = "button" value = "2" title = "2">

<input class = "digitos" type = "button" value = "3" title = "3">

<input class = "operador" type = "button" value = "/" title = "Divisão">

<input class = "operador" type = "button" value = "*" title = "Multiplicação">

<br>

<input class = "digitos" type = "button" value = "0" title = "0">

<input class = "operador" type = "button" value = "," title = "Ponto, Vírgula">

<input class = "operador" type = "button" value = "=" title = "Resultado">

<input class = "operador" type = "button" value = "+" title = "Soma">

<input class = "operador" type = "button" value = "-" title = "Subtração">

<br>

</td>

</tr>

<tr>

<td colspan = "2" align = "center">

<br>

<input class = "avancado" type = "button" value = "sen" title = "Função seno">

<input class = "avancado" type = "button" value = "cos" title = "Função cosseno">

<input class = "avancado" type = "button" value = "tan" title = "Função tangente">

<br>

<input class = "avancado" type = "button" value = "sec;" title = "Função secante">

<input class = "avancado" type = "button" value = "cosec" title = "Função cossecante">

<input class = "avancado" type = "button" value = "cotan" title = "Função cotangente">

</td>

</tr>

</table>

</body>

</html>

/**

* Autor: Saulo A. Freitas

* email: acecla00@hotmail.com

**/

// Variaveis globais

var visor, avancados, especiais, memoria = "";

// Executa depois que tudo estiver carregado!

window.onload = function() {

visor = getId("visor");

avancados = getClasse("avancado");

especiais = getClasse("especial");

// Deixa os botoes avancados desativados

avancados.ativa(false);

// Eventos

// Digitos numericos

getClasse("digitos").onclick(function() {

visor.style.setProperty("border-color", "black", "important");

visor.value = (visor.value == "0" ? this.value : visor.value + this.value);

});

// Deixa ativado ou não dependendo de qualradio e clicado

getNome("modo").onclick(function() {

avancados.ativa(this.value == "avancado");

});

// BOTOES ESPECIAIS

// Backspace

especiais[0].onclick = function() {visor.value = visor.value.length == 1 ? "0" : visor.value.substr(0, visor.value.length - 1);}

// CE

especiais[1].onclick = function() {visor.value = "0"}

// Guardar na memoria

especiais[2].onclick = function() {memoria = visor.value}

// Resgatar memoria

especiais[3].onclick = function() {visor.value = memoria}

// Limpar da memoria

especiais[4].onclick = function() {memoria = 0}

// Alterna sinal

especiais[5].onclick = function() {visor.value *= -1}

// virgula pra direita

especiais[6].onclick = function() {visor.value = eval("(" + visor.value + ")*10")}

// virgula pra esquerda

especiais[7].onclick = function() {visor.value = eval("(" + visor.value + ")/10")}

// Pi

especiais[8].onclick = function() {

var a = visor.value[visor.value.length - 1];

var b = (a == "+" || a == "-" || a == "*" || a == "/") && a != "%" && a != ")";

visor.value += b ? "pi()" : "*pi()";

}

// Porcentagem

especiais[9].onclick = function() { }

// BOTOES AVANCADOS

// Elevado quadrado

avancados[0].onclick = function() {visor.value = eleva(visor.value, 2);}

// Raiz quadrada

avancados[1].onclick = function() {visor.value = eleva(visor.value, 0.5);}

// Inverso de

avancados[2].onclick = function() {visor.value = 1 / visor.value;}

// Funcao seno

avancados[3].onclick = function() {visor.value = Math.sin(visor.value);}

// Funcao cosseno

avancados[4].onclick = function() {visor.value = Math.cos(visor.value);}

// Funcao tangente

avancados[5].onclick = function() {visor.value = Math.tan(visor.value);}

// Funcao secante

avancados[6].onclick = function() {visor.value = 1 / Math.sin(visor.value);}

// Funcao cosecante

avancados[7].onclick = function() {visor.value = 1 / Math.cos(visor.value);}

// Funcao cotangente

avancados[8].onclick = function() {visor.value = 1 / Math.tan(visor.value);}

// Cliques do operadores limpam a tela

getClasse("operador").onclick(function(){

if(this.value == "=") {

var a = eval(visor.value);

if(a != "Infinity" && a != "NaN")

visor.value = a;

else

erro("Erro de expresao!");

}

else if(this.value == ",")

return visor.value += (visor.value.indexOf(".") == -1) ? (".") : ("");

else if(this.value == "RST")

return visor.value += "%";

else if(this.value == "%")

return visor.value = eval("(" + visor.value + ")");

else

visor.value += this.value;

});

}

function seno(a) {return Math.sin(a);}

function cos(a) {return Math.cos(a);}

function tan(a) {return Math.tan(a);}

function eleva(a, B) {return Math.pow(a, B);}

function pi(){return Math.PI;}

function erro(a) {

visor.style.setProperty("border-color", "red", "important");

}

// Conversao das bases

function base(a, B){

var c = "";var valoresHexa = "ABCDEF";

while(a / b > B) {

a = (b == 16) ? valoresHexa.charAt(a / b - 10) : (a / B) ;

c = a + c;

}

return b == 16 ? valoresHexa.charAt(a - 10) : a + c;

}

Array.prototype.onclick = function(a) {

for(var i = 0; i < this.length; i++)

this
.onclick = a;

}

Array.prototype.ativa = function(a) {

a = a === false ? 'this
.setAttribute("disabled", "disabled")' : 'this
.removeAttribute("disabled")';

for(var i = 0; i < this.length; i++)

eval(a);

}

function getId(a){

return document.getElementById(a);

}

function getNome(a){

var b = document.getElementsByName(a);

var c = Array();

for(var i = 0; i < b.length; i++)

c.push(b
);

return c;

}

function getClasse(a){

var b = document.getElementsByTagName("*");

var c = Array();

for(var i = 0; i < b.length; i++){

if(b
.className == a)

c.push(b
);

}

return c;

}

^

|

JAVASCRIPT

OBS : controle.js

---------------------------------------------------------------------------------------

As carinhas são b e parêntesis!

Abraços!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...