Jump to content
Fórum Script Brasil
  • 0

Scripts do Torneio de Javascript


Jonathan Queiroz

Question

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 to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 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

Edited by Romerito
Link to comment
Share on other 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 to comment
Share on other 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 to comment
Share on other 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!

Edited by Romerito
Link to comment
Share on other 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 to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      651.9k
×
×
  • Create New...