Exercício 03 jQuery

Prévia do material em texto

Graduação - Análise e Desenvolvimento de Sistemas 
Professor: Aliandro Lima 
 
Exercício - jQuery 
 
 
Todo o conteúdo teórico necessário para este exercício está disponível facilmente em 
http://www.w3schools.com/jquery 
 
Questões (prazo: 30/10) 
 
1) Migre o Jogo GuessNumber, fornecido pelo professor, ainda de forma procedural, para 
usar jQuery. 
 
2) Implemente uma calculadora em Javascript, com a ajuda do framework jQuery. Você 
pode usar a calculadora que você implementou antes da AV1 e migrá-la para usar jQuery. 
 
Os detalhes desta calculadora estão descritos abaixo: 
 
 a) deve haver um input type text capaz de receber números e/ou operações a partir 
dos cliques nos botões; 
 b) devem haver botões numéricos, de 0 a 9. Cada botão deve ter como listener do 
evento onclick a mesma função, passando si próprio como parâmetro (usando a palavra 
reservada "this", por exemplo: <button onclick="receberClique(this)" ... "). Se possível, 
use a API de eventListeners; 
 c) devem haver botões que representam as operações básicas (adição, subtração, 
multiplicação e divisão). Sempre que um destes botões for clicado, o programa deve ser 
capaz de guardar a próxima operação a ser realizada. 
 d) deve haver um botão "igual", para que o resultado de uma operação seja 
realizado, desde que haja dois operadores e uma operação; 
 e) caso o usuário digite um número, depois digite uma operação e, em seguida, 
outro número seguido de outra operação, a primeira operação já deve ser realizada. Por 
exemplo: 
 - Suponha que a entrada do usuário seja: 
 - botão 1; 
 - botão 0; 
 - botão + (neste caso, o primeiro operador será 10 e a operação será 
soma); 
 - botão 5; 
 - botão 0; 
 - botão - (neste caso, o segundo operador será 50 e o botão "-" terá 
o mesmo efeito do botão "=". Deve ser mostrado o valor 60, que será considerado como o 
primeiro operando da próxima operação, que será uma subtração) 
 f) Demais validações (por exemplo, quando o usuário clica em apenas um número 
e logo seguida no botão "igual") devem ser tratadas conforme o aluno achar mais 
coerente. 
 
 
Questão (Prazo: 06/11) 
 
3) Implemente um jogo da velha, usando Javascript e jQuery. 
Dicas: 
• Faça a lógica do jogo sem precisar se preocupar com JQuery; 
• Faça a interface gráfica simples (por exemplo, seu tabuleiro pode ser uma 
tabela simples); 
• Use o jQuery para simplificar a troca de informações entre a sua lógica e a sua 
página.