Git Product home page Git Product logo

target-practice-game's Introduction

ARDY'S TARGET PRACTICE GAME

A game designed to test an individual's ability to respond to a target by showing how many they can click on in 30 seconds.

link to initial start game page:

https://i.imgur.com/gQFuPOv.png

link to during gameplay:

https://i.imgur.com/yf16Tq6.png

link to end game screen:

https://i.imgur.com/SFWGKjY.png

the game used HTML, CSS, and JS. HTML created the table, CSS was used for most of the styling and JS dynamically changed the HTML and CSS to interact with the user's clicks

Link to game:

https://ardyparty.github.io/Target-Practice-Game

next steps:

create modes you can select. - normal, difficult, extreme. - as the difficulty rizes, the target will have less time active where the user can click on it create a global highscore list where the user can submit their highscore and it logs the datestamp. you can now compete globally

target-practice-game's People

Contributors

ardyparty avatar

Watchers

James Cloos avatar avatar

target-practice-game's Issues

Hard difficulty damn-near impossible

I'm not sure if it's indended, or just a meme, but the hard difficulty flashes so quick it's pretty much impossible.

Target-Practice-Game/js/main.js

Lines 186 to 192 in e13c8b5

function checkDifficulty(evt){
difficulty = 0;
let difficultyBtn = evt.target;
let difficultyId = difficultyBtn.id;
difficulty = difficultyId.replace("d", "");
difficulty = parseInt(difficulty);
}

Keep vertical spacing consistent

Make sure your vertical spacing is consistent between functions. Some functions are have more line breaks before them than others.

This also applies to CSS, near the end of your CSS file you are missing a space between declarations.

Nested if statement can be combined

You have it elsewhere in your code, so it's most likely an oversight, but you can combine these conditions into one if statement.

Target-Practice-Game/js/main.js

Lines 93 to 94 in e13c8b5

if (target) {
if (playing === true) {

Remember also that the if statement checks if the condition evaluates to true, so anything that's if (thing === true) can be shortened:

 if (target && playing) {

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.