Summer Internships Report

on

Hit Number Game

Submitted in partial fulfilment of the requirements

For the award of the degree of

Submitted by:

Mritunjay Kumar
Enrolment No. A505145023022

Under the guidance of

Dr. Akshay Mudgal

Amity Institute of Information Technology

Amity University Haryana
May 2024
 Declaration

I, Mritunjay Kumar, A505145023022, student of Master of Computer Applications in

Amity Institute of Information Technology, Amity University Haryana, hereby declare that I
am fully responsible for the information and results provided in this Summer Internship report
titled “Hit Number Game” submitted Amity Institute of Information Technology, Amity
University Haryana, Gurgaon for the partial fulfilment of the requirement for the award of the
degree of Master of Computer Applications. I have taken care in all respects to honour
intellectual property rights and have acknowledged the contributions of others for using them.
I further declare that in case of any violation of intellectual property rights or copyrights, I as
a candidate will be fully responsible for the same. My supervisor, Head of department and the
Institute should not be held for full or partial violation of copyrights if found at any stage of
my degree.

Mritunjay Kumar

A505145023022

ii
 Amity Institute of Information Technology
Amity University, Haryana

Certificate

This is to certify that the work in the Summer Internship report entitled “Hit Number Game”
by Mritunjay Kumar bearing A505145023022 is a bona fide record of Summer internship
work carried out by her under my supervision and guidance in partial fulfilment of the
requirements for the award of the degree of Masters of Computer Applications in the Amity
Institute of Information Technology, Amity University Haryana, Gurgaon. Neither this project
nor any part of it has been submitted for any degree or academic award elsewhere.

Date: -

Signature of Guide

(Dr. Akshay Mudgal)

Computer Science & Engineering
ASET, Amity University, Haryana

Head of Department
Department of Computer Science
Amity Institute of Information Technology
Amity University Haryana, Gurgaon

iii
 ACKNOWLEDGEMENT

Acknowledgement is not a mere obligation but an epitome of humility and ineptness to all
those who have helped in the completion of this Seminar Report. I am thankful to
Dr. Akshay Mudgal, for his constant guidance and encouragement provided in this endeavour.
I also thank my parents for their continued support, understanding and patience without their
support and understanding this endeavour would never been fruitful. I also thank all my friends
for helping me out in completing this Summer Internship Report and helping me in solving
various problems encountered during the progress of this Summer Internship Report.

Mritunjay Kumar
A505145023022

iv
 Abstract

The goal of the summer internship project, presents the design and development of a Hit
Number Game created using HTML, CSS, and JavaScript. The objective of the game is for
the player to click on randomly generated numbers displayed on the screen within a limited
time. The game challenges the player's speed and accuracy, rewarding points for hitting the
correct numbers and penalizing for missing or clicking on incorrect ones.

HTML was employed to structure the game’s interface, creating a canvas for the dynamic
number display and setting up the user controls. CSS was utilized to style the game interface,
making it visually appealing and ensuring responsiveness across various devices. JavaScript
was the core technology used to implement the game’s logic, such as generating random
numbers, detecting user clicks, updating the score, and managing the countdown timer.

The report details the game in brief yet exploratory detail, emphasizing JavaScript’s use of
DOM (Document Object Model) manipulation, event listeners, and timing functions like
setInterval() and clearInterval() to manage game states. Key challenges, including managing
real-time updates and ensuring smooth animations, are also discussed. Additionally, potential
improvements, such as adding levels, varying game difficulty, and implementing player
performance tracking, are proposed for future iterations of the game.

v
 List of Figures

Fig 3.1 HTML and CSS

Fig 3.2 JavaScript

Fig 4.1 Structure Content

Fig 4.2 Designing of UI

Fig 4.3 Designing of UI

Fig 4.4 Designing of UI

Fig 4.5 Logic Code

Fig 4.6 Logic Code

Fig 5.1 Outlook of Hit Number Game

Fig 5.2 Running game

Fig 5.3 Result of the game

Fig 5.4 Result of the game

vi
 Table of Contents
Declaration .......................................................................................................................... ii
Certificate ........................................................................................................................... iii
Acknowledgement ............................................................................................................... iv
Abstract ................................................................................................................................ v
List of Figures ...................................................................................................................... vi
List of Contents ................................................................................................................... vii
Chapter 1: Introduction .................................................................................................... 10
1.1 Context & Background ............................................................................................. 10
1.2 The Project's Goal ..................................................................................................... 10
1.3 Technologies Employed ........................................................................................... 10
1.4 Project's Scope .......................................................................................................... 11
1.5 Pertinence to Internship Objectives ........................................................................... 11
1.6 Structure of the Report .............................................................................................. 11
Chapter 2: Aim and Objective.......................................................................................... 12
Chapter 3: Technologies Used in Hit Number Game ...................................................... 13
3.1 HTML and CSS ........................................................................................................ 13
3.2 JavaScript ................................................................................................................. 14
Chapter 4: Design and Implementation ........................................................................... 16
4.1 Design Phase ............................................................................................................. 16
4.2 Implementation ......................................................................................................... 16
Chapter 5: Result .............................................................................................................. 22
Chapter 6: Conclusion and Future Scope ........................................................................ 25
References.......................................................................................................................... 26

vii
 Chapter 1
INTRODUCTION

1.1 Context & Background

 Project Selection: The Hit Number Game is often selected as a project in introductory
web development courses, coding boot camps, and self-learning tracks for several
reasons:
Beginner-Friendly
Hands-On Learning
Immediate Feedback
 Significance : The Hit Number Game holds significance in several domains, ranging
from educational value to technical development and user engagement.
 Possibility for Learning: The project offers a practical learning opportunity in web
development by teaching fundamental skills in HTML, CSS, and JavaScript, such as
event handling, DOM manipulation, and random number generation. It also enhances
problem-solving abilities through input validation, conditional logic, and user interface
design, making it a valuable project for both beginners and those seeking to refine their
programming logic. Industry Relevance: The knowledge and abilities gained from this
project are extremely applicable to the latest developments in the AI, web development,
and responsive design fields.

1.2 The Project's Goal

The goal of this project is to create an interactive number guessing game, called "Hit Number
Game," where users attempt to guess a randomly generated number within a certain range. The
game will provide feedback on whether the guessed number is too high, too low, or correct,
aiming to improve user engagement through dynamic interactions, sound effects, and scoring
mechanisms.

1.3 Technologies Employed

HTML, CSS, and JavaScript were used in the project's construction. JavaScript was chosen
because of its robust community support, which facilitates scalability and maintenance, and its

10
capacity to handle dynamic content effectively, while HTML and CSS provided the framework
for the structure and styling.

1.4 Project's Scope

The scope of the project involves creating a simple, interactive web-based game where users
try to guess a randomly generated number within a predefined range. It includes building a user
interface with HTML and CSS, implementing game logic using JavaScript for number
generation, input validation, and feedback, and offering features like reset functionality, limited
attempts, and dynamic feedback on the player's guesses.

1.5 Pertinence to Internship Objectives

The Hit Number Game project is highly pertinent to internship objectives, especially for roles
in web development, software engineering, or UI/UX design. By building the game, interns
can demonstrate practical knowledge of HTML, CSS, and JavaScript, skills essential for
developing interactive web applications. It also showcases the ability to write clean, logical
code, manage user input, and design user-friendly interfaces, which align with the core
responsibilities of many internships focused on front-end development, user interaction, and
problem-solving. Additionally, the project highlights an understanding of project management,
from concept to deployment, which is a valuable asset in any internship.

1.6 Structure of the Report

The report begins by detailing the technical achievements and functional outcomes of the Hit
Number Game project, showcasing the effective use of technologies like
HTML,CSS,JavaScript. This is followed by a discussion of the challenges encountered during
development and the solutions implemented to overcome them. Finally, the report explores the
future scope of the project, outlining potential enhancements and expansions that could further
improve the application's functionality and user experience.

11
 Chapter 2

Aim and Objective

The aim of the Hit Number Game is to create an interactive and engaging web-based game
where players guess a randomly generated number within a set range, improving both their
logical thinking and user experience design skills while demonstrating web development
proficiency.

Objectives:

1. Develop Core Web Development Skills: Implement the game using HTML, CSS,
and JavaScript, focusing on structuring, styling, and making the game interactive.

2. Implement Game Logic: Use JavaScript to generate a random number, validate user
input, and provide feedback.

3. Enhance User Interaction: Create a user-friendly interface that dynamically updates

with feedback, tracks guesses, and offers a game reset feature.

4. Learn Problem-Solving Techniques: Develop skills in logical thinking by managing

game state and refining gameplay mechanics.

5. Apply UI/UX Design Principles: Ensure the game is visually appealing, intuitive,
and responsive across different devices.

12
 Chapter 3
Technologies Used in Hit Number Game

3.1. HTML and CSS:

HTML (HyperText Markup Language):

Purpose: Provides the structure of the web page, including the layout for input fields, buttons,
and feedback messages.

CSS (Cascading Style Sheets):

Purpose: Styles the game interface, making it visually appealing and ensuring responsive
design for different devices. Includes custom fonts, colors, and layout adjustments.

Fig 3.1 HTML and CSS

Fig 3.1 shows the outlook and logo of HTML and CSS

3.2. JavaScript:

Purpose: Implements the core functionality of the game, including:

 Random Number Generation: Uses Math.random() to generate a random number

within the specified range.
 Event Handling: Captures and processes user input from form submissions or button
clicks.
 Game Logic: Compares user guesses to the random number, provides feedback, and
manages the game state (e.g., attempts remaining, win/loss conditions).

13
  DOM Manipulation: Updates the user interface dynamically based on user actions (e.g.,
displaying feedback messages and resetting the game).

Fig 3.2 JavaScript

Fig 3.2 shows the outlook and logo of JavaScript

3.5. Hit Number Game:

 Random Number Generation: A number is randomly selected within the specified

range.
 User Input Handling: Players enter their guesses via a text input field.
 Feedback Mechanism: Real-time feedback is given based on the player's guess.
 Attempt Tracking: The number of remaining attempts is displayed and decremented
with each guess.
 Game Reset: Players can restart the game to play again after completing or losing the
current game.

Workflow:

 Initialization: Generate a random target number and set up the initial game state.
 User Input: Player enters a guess and submits it.
 Validation: Check if the input is valid (e.g., a number within the range).
 Evaluation: Compare the guess to the target number and provide feedback.
 Tracking: Update and display the number of remaining attempts.
 End/Reset: If the player wins or loses, display the result and offer an option to restart
the game.

14
 Table 3.1: Overview of Technologies Used in the Project

Technology Purpose Description

JavaScript Front-end JavaScript is a versatile language that enables developers to

development enhance the functionality of web pages.

HTML Structure HTML is the backbone of web pages, providing a standardized

way to describe the structure and content of documents.

CSS Styling and CSS enhances the presentation of HTML documents by

Layout defining styles for various elements. It provides control over
visual aspects such as layout , colors, typography, spacing, and
positioning.

15
 Chapter 4
Design and Implementation

4.1. Design
 Game Concept:

Objective: Guess a randomly generated number within a range.

Gameplay: Users submit guesses and receive feedback until they either guess
correctly or run out of attempts.

 User Interface (UI):

Input Field: For entering guesses.

Submit Button: To submit the guess.

Feedback Area: Displays messages such as “Thik Thak hai” , or “Bhoott

bdhiyaaa”.

Attempts Counter: Shows the number of remaining guesses.

Reset Button: Allows the player to restart the game.

 User Experience (UX):

Clarity: Clear instructions and messages.

Responsiveness: Ensures usability across different devices (desktop, tablet,

mobile).

Engagement: Use of visual feedback and interactive elements to maintain user

interest.

4.2. Implementation
 HTML (Structure):

Elements: Define the layout with input fields, buttons, and feedback messages.

Form Setup: Includes the input field for guesses and the submit button within a
form element.

16
  CSS (Styling):

Visual Design: Style the input fields, buttons, and feedback areas to enhance
visual appeal.

Layout: Ensure the game is centered and responsive, adjusting to different screen
sizes.

Feedback Styles: Differentiate feedback messages using colors or fonts.

 JavaScript (Functionality):

Random Number Generation: Use Math.random() to generate a target number

within the specified range.

Input Validation: Check if the input is a number and within the valid range.

Feedback Mechanism: Compare the user’s guess with the target number and
provide appropriate feedback.

Attempt Tracking: Manage the number of attempts and update the UI accordingly.

Event Handling.

 Form Submission: Process the guess, update feedback, and adjust attempts.
 Reset Functionality: Generate a new random number and reset the game state when the
reset button is clicked.
 DOM Manipulation: Update the HTML content to display feedback and remaining
attempts dynamically.

These components ensure that the Hit Number Game is both functional and user friendly

17
 Fig 4.1 Structure Content
Fig 4.1 shows the HTML code structures and defines the content and layout of web pages using
a system of nested elements and tags.

Fig 4.2 Designing of UI

18
 Fig 4.3 Designing of UI

Fig 4.2,4.3 and 4.4 explains about CSS code styles and layouts web page elements to define
the visual appearance and user interface design.

19
Fig 4.4 Designing of UI

Fig 4.5 Logic Code

20
 Fig 4.6 Logic Code

Fig 4.5 and 4.6 are about the JavaScript code adds interactivity and dynamic behaviour to
web pages by manipulating HTML and CSS elements. It executes logic, handles user events,
and can communicate with servers to update content in real-time.

21
 Chapter 5
Result

The Hit Number Game operates smoothly and meets its primary objectives. The game
successfully generates a random number within a specified range and provides users with
immediate feedback on their guesses, indicating whether they are too high, too low, or correct.
The functionality of number generation, input validation, and feedback delivery is seamless,
ensuring a reliable gameplay experience.

Performance testing reveals that the game handles user interactions efficiently, with quick
response times and accurate management of game state. The game is responsive and performs
consistently across different devices and browsers, making it accessible to a broad audience.
Input errors are managed gracefully, with clear messages guiding users to correct their guesses.

User feedback has been positive, highlighting the game's engaging and intuitive design. While
the simplicity of the game is appreciated, suggestions for additional features and visual
enhancements have been noted. Overall, the Hit Number Game demonstrates effective web
development skills and provides a solid foundation for further development and refinement.

Fig 5.1 Outlook of Hit Number Game

22
 Fig 5.2 Running game
Fig 5.1 and 5.2 show the outlook interface from starting the game to its running position in
particular range

Fig 5.3 Result of the game

23
 Fig 5.4 Result of the game

Fig 5.3 and 5.4 shows the different results are determined by how exact a player's hit the target
number, ranging from exact matches to varying degrees of proximity. Results typically include
feedback such as "Thik Thak hai," "haulaa hai kya," to guide further guesses.

24
 Chapter 6
Conclusion and Future Scope

The Hit Number Game, developed using HTML, CSS, and JavaScript, successfully combines
simplicity with engagement, making it accessible and enjoyable for a broad audience. The
game’s straightforward mechanics—where players hit a number and receive feedback about
how exact their hits are to a target number—create an interactive and satisfying experience.
The use of these technologies ensures that the game is lightweight and compatible across
various devices and browsers. The integration of JavaScript for game logic allows for dynamic
interaction, while HTML and CSS provide a clean and intuitive interface. Overall, the game
effectively demonstrates the potential of basic web technologies to create engaging and
educational content.

The future of the Hit Number Game, developed with HTML, CSS, and JavaScript, holds
promising enhancements that can significantly elevate the player experience. One key area is
enhanced interactivity; advanced JavaScript features can introduce dynamic feedback
mechanisms, such as visual cues and animations, which will make the game more engaging
and responsive. By leveraging CSS for interactive elements and transitions, the game’s user
interface can become more visually appealing and intuitive.

Another promising aspect is adaptive difficulty. JavaScript algorithms could be employed to

tailor the game's challenge based on the player's performance, offering a more personalized
experience. Additionally, integrating responsive design techniques with CSS will ensure the
game is accessible across a range of devices, from desktops to smartphones, while supporting
touchscreen interactions for mobile users.

Finally, adding customizable game experiences, such as adjustable settings and various visual
themes, would provide players with more control over their gameplay, increasing both
personalization and replayability. By exploring these future aspects, the Hit Number Game can
evolve to offer a richer, more interactive, and personalized experience, fully utilizing the
capabilities of HTML, CSS, and JavaScript.

25
 References and Links

[1] Engström, H. (2020) Game Development Research. The University of Skövde, ISBN 978-
91-984918-7-6 (print), 978-91-984918-8-3 (digital)

[2] Ahmed, F., Capretz, L. F., 2011. A business maturity model of software product line
engineering. Information Systems Frontiers, Springer, 13, 4, 543–560, DOI: 10.1007/s10796-
010-9230-8

[3] Bethke E (2003). Game Development and Production. Wordware game developer's
library. Wordware Pub, Plano. ISBN 978-0-585-44833-6

[4] https://www.geeksforgeeks.org/html-introduction/

[5] https://developer.mozilla.org/en-US/docs/Web/HTML

[6] https://developer.mozilla.org/en-US/docs/Web/JavaScript

26