Code Monkey home page Code Monkey logo

slot-machine-hw's Introduction

Heroway Slot Machine

Objetivo

Ao clicar no botão SPIN os slots devem ser embaralhados. Após serem embaralhados, caso os 3 slots tenham o mesmo valor é necessário alterar o titulo "HERO MACHINE" com uma mensagem temporária, além de atualizar o "dinheiro" do jogador. Caso o dinheiro zere, ou fique negativo, não será mais possível jogar.

Linha de raciocínio

  • Recurperar os elementos do DOM via JS
  • Atualizar o dinheiro do DOM com o valor da variavel availableToBet
  • Adicionar um evento de click no botão SPIN
  • Embaralhar os slots utilizando setTimeout e for
  • Recuperar o valor dos 3 slots após serem embaralhados utilizando callback
  • Validar se os 3 slots tem o mesmo valor
  • Atualizar o texto HERO MACHINE temporariamente
  • Atualizar o valor do dinheiro disponível no jogo

Tecnologias usadas:

  • HTML, CSS e Javascript

Passos:

  1. Clonar a pasta do repositório;
  2. Abrir arquivo index.html no navegador.

slot-machine-hw's People

Contributors

gtosta96 avatar robertorj7 avatar

Watchers

avatar

slot-machine-hw's Issues

Correções Slot Machine

Aqui você poderia utilizar o items.length ao invés de 4
https://github.com/robertorj7/slot-machine-heroway/blob/1e43c6885e90d7b1a9ad91fddd3cf9448bacdb29/scripts/index.js#L46

Aqui você poderia utilizar o items.length ao invés de 4
https://github.com/robertorj7/slot-machine-heroway/blob/1e43c6885e90d7b1a9ad91fddd3cf9448bacdb29/scripts/index.js#L58

Mais relacionado a performance do que qualquer outra coisa:
Nesse caso como é um número aleatório, ao invés de buscar pelo id do heroi, você poderia pegar pelo index do array.length mesmo!
https://github.com/robertorj7/slot-machine-heroway/blob/1e43c6885e90d7b1a9ad91fddd3cf9448bacdb29/scripts/index.js#L48

Eu particularmente não gosto de colocar um .reward no final de um find. as vezes passa batido e a gente não enxerga o acesso ao atributo
Sempre que possível fazer da seguinte forma:

    const item = items.find((item) => {
        return item.id === selectedId;
    });
    const reward = item.reward;

https://github.com/robertorj7/slot-machine-heroway/blob/1e43c6885e90d7b1a9ad91fddd3cf9448bacdb29/scripts/index.js#L72

Considerações finais:
Parabéns Roberto, ficou muito bom seu código. Todas as pontuações que eu fiz foram pontuações simples, nada critico.
Parabéns de verdade! ♥

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.