Trabalho Programação Web

1 UNIRIO Universidade Federal do Estado do Rio de Janeiro Bacharelado em Sistemas de Informação Projeto Integrador I 012025 Prof Jobson Massollar Trabalho 3 LEIA ATENTAMENTE AS REGRAS E OS ENUNCIADOS R E G R A S Leia todas as regras descritas no enunciado para implementar o trabalho corretamente O trabalho deverá ser realizado individualmente ou em dupla O trabalho deverá ser enviado exclusivamente para o Google classroom em formato ZIP até o dia 13072025 domingo Os arquivos HTML CSS e JS deverão ser compactados em um único arquivo zipado O nome do arquivo zipado deverá ser obrigatoriamente T3 nomedoalunozip ou T3 nomedoaluno1 e nomedoaluno2zip Não serão aceitos trabalhos enviados por email nem impressos Trabalhos com estruturas eou organizações semelhantes plágio serão penalizados 2 Crie os arquivos velhahtml velhacss e velhajs para implementar o Jogo da Velha com as seguintes regras 1 O layout deve estar de acordo com o seguinte padrão a Fonte Lucida Handwriting Arial b Tamanho das fontes i título 36pt ii pontuações do jogadores 22pt ii botão 20pt e iv marcas dos jogadores no tabuleiro 50pt c Cores i fundo d1f0ee ii fundo do tabuleiro 18e0cc iii bordas do tabuleiro fundo do botão e letra da pontuação 0da192 iv label do botão white v marca do jogador 1 fc77af vi marca do jogador 2 f8f800 vii sublinhado do jogador da vez fc01f4 viii sombra do botão 085f56 e ix sombra do tabuleiro 119e90 d Cada célula do tabuleiro tem 100px x 100px e as bordas têm 4px e Use as entidades rArr e lArr para as setas da pontuação f A UI deve ocupar toda a altura da página sem apresentar o scroll Dica use a altura 100vh e a função calc da CSS g Não pode ser usada a tag BR para separar os elementos h Tudo deve ser estilizado via CSS usando obrigatoriamente o CSS Grid Layout i Não pode haver código CSS na página HTML 3 2 Quem inicia o jogo é sempre o jogador X 3 Quando um jogador ganha deve ser apresentada a mensagem O jogador XO ganhou e a pontuação desse jogador deve ser incrementada e mostrada na tela Se houver empate deve ser apresentada a mensagem Deu velha e uma nova partida é iniciada use windowalert 4 Se o usuário fechar a página e carregala novamente o estado do jogo deve voltar exatamente para onde estava use o localStorage 5 Ao clicar no botão Reiniciar o jogo as pontuações devem ser zeradas e o jogo reiniciado 6 O jogador que tem a vez da jogada deve ter sua pontuação marcada com uma linha sublinhada na cor definida no layout