Mastermind Word Game

Developer
Event Horizon
Size
2,815 Kb
Views
62,744
  1. Mastermind Word Game Previews
  2. Mastermind Word Game HTML Codes
  3. Mastermind Word Game CSS Codes
  4. Mastermind Word Game JS Codes

How do I make an mastermind word game?

What is a mastermind word game? How do you make a mastermind word game? This script and codes were developed by Event Horizon on 30 July 2022, Saturday.

Mastermind Word Game Previews
IQ Test

Mastermind Word Game - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Mastermind Word Game</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container"> <div class="row"> <div class="col-md-12"> <div class="page-header"> <h1>Mastermind Word Game</h1> </div> </div> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-body" id="guessbank"></div> </div> </div> <div class="col-md-12"> <div class="form-group"> <input class="form-control input" placeholder="Type guess here..." type="text" onkeyup="compareAndOutput(this.value);"/> </div> </div> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-body" id="output"></div> </div> </div> </div>
</div> <script src="js/index.js"></script>
</body>
</html>

Mastermind Word Game - Script Codes CSS Codes

.panel{ min-height:2em;
}
.guessbank{ font-weight:bold;
}
.guessbank:nth-child(2n+1){ color:green;
}
.guessbank:nth-child(2n){ color:purple;
}

Mastermind Word Game - Script Codes JS Codes

//Novice , Hard , Master , Expert
var wordList = { 5: ["whizz", "fuzzy", "quick", "quiff", "juked", "puked"], 6: ["fizzes", "buzzes", "sizzle", "jumper", "jabber", "quiver"], 7: ["quizzes", "buzzcut", "schmuck", "quaking", "junkies", "gimmick"], 8: ["quantify", "kickball", "squiggle", "scramjet", "jammiest", "backfill"]
};
//settings
var maxGuesses = 3, guesses = 0,//guesses taken difficulty = 5,//letters in word answer = wordList[difficulty][Math.floor(Math.random() * wordList[difficulty].length)];
//verify words match
var compare = (function(guess, ans) { //if compare is false that means the words do not have the same amount of letters var gArr = guess.split(""),//guess answer aArr = ans.split(""),//actual answer ratio = [], ratioText=0+ "/" + aArr.length; if (gArr.length !== aArr.length) { return ratioText;//incorrect length } for (var i = gArr.length; i--;) { if (gArr[i] !== aArr[i]) { ratio.push(0); //false } else { ratio.push(1); //true } } ratio = ratio.reduce(function(a, b) { return a + b; }, 0); if (ratio === aArr.length) { return "Correct answer!"; } else { ratioText=ratio + "/" + aArr.length return ratioText; }
}); function compareAndOutput(guess){ var output=document.getElementById("output"); output.innerHTML=compare(guess,answer); } var guessbank=document.getElementById("guessbank"); guessbank.innerHTML="Guess Bank: <span class='guessbank'>"+wordList[difficulty].join("</span> <span class='guessbank'>")+"</span>";
Mastermind Word Game - Script Codes
Mastermind Word Game - Script Codes
Home Page Home
Developer Event Horizon
Username Event_Horizon
Uploaded July 30, 2022
Rating 3
Size 2,815 Kb
Views 62,744
Do you need developer help for Mastermind Word Game?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Event Horizon (Event_Horizon) Script Codes
Name
CSS Only Dropdown
List Sections
Tabs
Window Designing
KSP altimeter
Gaming UI
Simple Drag and Drop
Like Notification
Table Generation
Very Animated Loading Bar
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!