{"id":1992,"date":"2026-07-22T17:51:50","date_gmt":"2026-07-22T15:51:50","guid":{"rendered":"https:\/\/koredesign.studio\/?page_id=1992"},"modified":"2026-08-17T02:41:41","modified_gmt":"2026-08-17T00:41:41","slug":"number-guessing-game","status":"publish","type":"page","link":"https:\/\/koredesign.studio\/en\/number-guessing-game\/","title":{"rendered":"Number Guessing Game"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \n \t\t\t

Web Development<\/p>\n\t\t\n<\/a>\n

\n\t\t\t\t\t
\n\t\t\t\t\t

Number Guessing Game<\/h2>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n
\n \t\t\t

Overview<\/h2>\n\t\t\t\t\t

Developed as a collaborative project among a team of 4 within the Mayerfeld Practicum Program<\/strong>, the Number Guessing Game<\/strong> is a browser-based, console-driven interactive application where the player competes against a simulated AI to guess a hidden number between 1 and 100 within a maximum limit of 10 attempts.

The main objective of this assignment was to construct a robust, logic-driven game engine using Vanilla JavaScript. Designed around interactive terminal execution, the project emphasizes foundational programming concepts\u2014including dynamic random number generation, input validation loops, stateful attempt tracking, conditional feedback evaluation, and an integrated bonus scoring mechanism based on speed and efficiency.<\/p>\n\t\t\t\t\t

The Challenge<\/h2>\n\t\t\t\t\t

Building an interactive console game requires creating a bulletproof control flow that gracefully guides the player through each turn while defending against invalid inputs and logical edge cases.
Key technical challenges included:
     - Random Target Generation<\/strong>: Engineering a precise mathematical function (generateRandomNumber) to produce unpredictable integer values between 1 and 100 on every session.

     - Defensive Input Handling<\/strong>: Designing an isolated input function (getPlayerGuess) that prompts the user, converts raw inputs to integers, detects non-numeric entries or cancellations, and continuously reprompts until a valid guess is provided.

     - Game State & Loop Control<\/strong>: Managing a turn-based loop (game) that executes up to 10 valid attempts, accurately evaluating guess states (\"too high\", \"too low\", or \"correct\") while enforcing game-over boundaries.

     - Bonus Scoring Architecture<\/strong>: Formulating a mathematical scoring algorithm that evaluates player performance and awards dynamic point totals based on the minimum number of attempts utilized.

     - Team Integration & Collaboration<\/strong>: Coordinating code across 4 developers to ensure consistent coding standards, clean syntax, and seamless function interoperability without console runtime exceptions.<\/p>\n\t\t\t\t\t

Our Approach<\/h2>\n\t\t\t\t\t

Working within a 4-person team framework, we divided the application into modular, single-responsibility JavaScript functions, ensuring defensive programming and clean execution at every step:
     - Target Generation Engine (generateRandomNumber)<\/strong>: Utilized Math.random() and Math.floor() to generate a uniform integer range from 1 to 100.

     - Robust Input Guard (getPlayerGuess)<\/strong>: Constructed a validation loop leveraging parseInt() and isNaN() checks. If a user inputs text, leaves the input blank, or submits out-of-bounds values, the function displays an alert and reprompts until valid integer data is received.

     - Comparison Evaluator (checkGuess)<\/strong>: Implemented a pure helper function that compares the player's guess against the target integer and returns definitive output strings to drive player feedback.

Main Game Controller (game)<\/strong>: Integrated the overarching game loop managing the session state:
     - Initialized an attempt counter capped at 10 turns.

     - Logged real-time feedback after every guess, notifying the player if their attempt was too high or too low.

     - Incorporated a dynamic Bonus Scoring System<\/strong> that calculates final points proportional to remaining attempts upon a correct guess.

     - Printed clear win\/loss messages and total attempts used directly to the developer console.

     - Collaborative Code Review<\/strong>: Conducted joint debugging sessions to eliminate edge-case errors, streamline console output formatting, and maintain ES6 standard compliance.<\/p>\n\t\t\t\t\t

Project Gallery<\/h2>\n\t\t
\n
\n \t\t\t\"\"\/\t\t\n \t\t\t

Play Game Live<\/p>\n\t\t\n<\/a>\n\n<\/div>\n

\n \t\t\t\"\"\/\t<\/a>\t\t\n<\/div>\n\n<\/div>\n\t\t\t

Results<\/h2>\n\t\t\t\t\t

Developed successfully under the Mayerfeld Practicum Program framework, the project delivered an engaging, error-proof console mini-game that met all assignment objectives while highlighting strong Vanilla JavaScript fundamentals:
     - Flawless Game Mechanics<\/strong>: Executed smooth 10-attempt game sessions with accurate target evaluation, attempt limits, and instant conditional feedback.

     - Zero-Error Input Resilience<\/strong>: Handled invalid inputs, letters, and empty prompt entries seamlessly without crashing or generating unhandled console exceptions.

     - Gamified Performance System<\/strong>: Successfully integrated a bonus scoring model that added replayability and incentivized strategic guessing.

     - Effective Team Collaboration<\/strong>: Maintained a unified, clean, and well-commented codebase through structured peer review and collaborative problem-solving among all 4 members.<\/p>\n\t\t\n<\/div>\n

\n
\n
\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

YEAR<\/p>\n\t\t\n<\/div>\n\t\t\t

2026<\/p>\n\t\t\n<\/div>\n

\n
\n \t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/path><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t\t

SERVICES<\/p>\n\t\t\n<\/div>\n\t\t\t

Web Design & Development
Interactive Experience
Collaborative Software Engineering<\/p>\n\t\t\t\t\t

TOOLS & TECHNOLOGY<\/p>\n\t\t

\n
\n \t\t\t

JavaScript<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

HTML5<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

VS Code<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Git<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

GitHub<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Chrome DevTools<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Console API<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\t\t\t

TAGS<\/p>\n\t\t

\n
\n \t\t\t

Web Development<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Team Collaboration<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Game Mechanics<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Functional Programing<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Algorithmic Logic<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

Console Game<\/p>\n\t\t\n<\/div>\n

\n \t\t\t

JavaScript<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t

Interested in a similar project?<\/p>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tGet in Touch<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Web Development Number Guessing Game Overview Developed as a collaborative project among a team of 4 within the Mayerfeld Practicum Program, the Number Guessing Game is a browser-based, console-driven interactive application where the player competes against a simulated AI to guess a hidden number between 1 and 100 within a maximum limit of 10 attempts. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1992","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages\/1992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/comments?post=1992"}],"version-history":[{"count":33,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages\/1992\/revisions"}],"predecessor-version":[{"id":2915,"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/pages\/1992\/revisions\/2915"}],"wp:attachment":[{"href":"https:\/\/koredesign.studio\/en\/wp-json\/wp\/v2\/media?parent=1992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}