phrase hunter

Phrase Hunter In JavaScript With Source Code

Project: Phrase Hunter In JavaScript With Source Code

Please scroll down and click on the download button to download Phrase Hunter In JavaScript for free

The Game is a simple project developed using HTML5, CSS, and JavaScript. This game is about guessing letters (A-Z) to form the phrases. You can add your own phrases or directly start the game. If the player guesses the right letter that is within the phrase, the letter appears at its correct positions. The user has 5 turns to guess the correct phrase, if he/she fails to complete the word then the game is over. 

Making of the Game

This Guessing Game project is simply in HTML, CSS, and JavaScript. Taking about the features of this game, there is the use of JavaScript and OOP (Object-Oriented Programming) to select a random, hidden phrase, which a player tries to guess, by clicking letters on an onscreen keyboard.

The rules of the game

  • The player’s goal is to guess all the letters present in a random phrase. In the beginning, the player only sees the number of letters and words in the phrase, with blank boxes on the screen.
  • The player clicks an onscreen keyboard to guess letters in the phrase.
  • The letter is disabled on the onscreen keyboard and a player can’t select that letter again.
  • If the letter is in the phrase at least once, the letter and its position in the phrase is highlighted on screen. All instances of the letter are visible (so if there are 3 A’s, all of the A’s in the phrase appear at once).

If you are able to guess the correct phrase, then the background changes to green color. But if the player fails to guess the correct phrase, then the background changes to red color.

Also, this game includes a lot of javascript for making the functioning of the game.

How To Run the Project?

To run this game, you don’t need to have any kind of local server but yet a browser. We recommend you to use modern browsers like Google Chrome and Mozilla Firefox. To play the game, first, open the game in your browser by clicking the index.html file.

The Phrase Hunter In JavaScript with source code is free to download, use for educational purposes only. For the project demo, you can have a look at the video below:

project demo


If stuck or need help customizing this game as per your need, go to our JavaScript tutorial or just comment down below and we will do our best to answer your question ASAP.

Author: codeprojects
0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments