Miku691 / pure-Javascript-kids-mind-game-project

This is pure java script project for kids. By this project children can enhance their mind. Here randomly generated simple operations are there. Player have to put the correct answer. Score board also available.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

pure-Javascript-kids-mind-game-project

This is pure java script project for kids. By this project children can enhance their mind. Here randomly generated simple operations are there. Player have to put the correct answer. Score board also available. This is my own concept and I have tried my best to make this project productive.


how I made:-

  • Html and Css
  • pure javascript
    • Proper DOM Manipulation ( input value retrieved and set value etc )
    • different Math functions like, Math.random(), Math.floor() etc.
    • used an unique conccept to choose operation randomly from a list of an array.
    • used score section, that changes dynamically as per user answe is correct or not
    • used also another two sections for showing number of correct and wrong. These also change dynamically.
    • used buzzer sound effect for correct and wrong answers.

html file screenshot

html file and

css file screenshot

html file

I have used HTML5 and CSS3 for designing the page. And to add funcationality i have used java script.


javascript screemshot

html file This is a pure java script project. I have not used any external libraries like node js or react framework


  • How it Works:-
    • step-1: First it will generates two random numbers and an operation(+,-,*or/)
    • step-2: User have to provide the answer on 'Your Ans' input box and will have to click the 'Check Ans' button
    • step-3: Now program match the user answer with the actual correct andwer of the given question.If it matched, Then it show a pop-up that your answer is corrct. If not matched shows answer not correct.
    • step-4: If the user answer is correct, then 5 will be added to the score. if wrong -3 will added. like this score will changes dynamically.
    • step-5: Help section fetch the actual correct answer and for difficult question it will show you.

I know there are so many things that I have to improved. I am trying my best to update this. Thanks for viewing my project.Please suggest me what new should I have to add.


page 1


page 2

About

This is pure java script project for kids. By this project children can enhance their mind. Here randomly generated simple operations are there. Player have to put the correct answer. Score board also available.


Languages

Language:JavaScript 40.9%Language:CSS 38.2%Language:HTML 20.9%