alert("This is my first JavaScript real project! I hope you like it!!"); alert("I have made this with a lot of efforts and time! Please give an upvote if you liked it!"); // Please don't change these values, as there will be no change in the number of chances or number of digits in the number. var len = 4; var chances = 6; // This is just to get an output of 'RRRR' function R(){ var l = ""; for(var i = 0;i < len; i++){ l += "R"; } return l; } // This variable is there to determine whether we have to show the rules or not var count = 0; // This is the function that is using the count variable function Myfunc(){ const myRules = document.getElementById("rules"); const MyButtonText = document.getElementById("btn"); count++; if (count % 2 == 1){ myRules.innerHTML = "

Here are all the rules:

YOU WILL GET "+ chances +" CHANCES TO GUESS A NUMBER OF "+ len +" DIGITS AND HINTS PROVIDED WILL BE AS FOLLOWS:
You will have to put a "+ len +" digit number only.
The computer will produce a random number of "+ len +" digits and you will have to guess it by the hints below:
If a digit in your number is not there in the actual number. It will provide a placeholder of 'B'.
If a digit in your number is there in the actual number but it's place is wrong then it will provide a placeholder of 'Y'
If a digit in your number is in the actual number and is correctly placed then it will provide a place holder of 'R'.
In short, you have to get '" +R()+"' as the output.
EXAMPLE:
If the number produced by the computer is 1234 and if you enter 5243. Then it will show 'BRYY'.

ALL THE BEST!!👍👍

"; MyButtonText.innerHTML = "HIDE RULES!"; } else { myRules.innerHTML = ""; MyButtonText.innerHTML = "SHOW RULES!"; } } // This is random number producer between 1000 and 9999. Its data type is int, it will be converted to string afterwards function RandomNumberProducer() { var x = Math.floor(Math.random() * 10000); if (x < 1000){ x += 1000 + Math.ceil(Math.random() * 1000); } return x; } // This function is the main function! // It includes taking the value from the user using prompt tag and verifying the length // If the length is not equal to 4 then prompt again with different message // This function also produces the hints // This function is also for verifying if you won or lost and shows the respective screen function TakingInput(b, real, yo) { var y = prompt("Enter a "+ len+ " digit number.4️⃣"); // Check for length of the input or null while (y === null || y.length != len){ y = prompt("Please enter a "+ len+ " digit number only!!"); } // checking for an alphabet in the input for (var k = 0; k < len; k++){ var ascii = y.charCodeAt(k); if (ascii > 59 || ascii < 48){ y = prompt("Please don't enter an alphabet!"); k=0; } } b.innerHTML = "

You guessed: "+y+"

"; var num = real.toString(); var hint = ""; for (var i = 0; i < y.length; i++){ if (y[i] === num[i]){ hint += "R"; } else if (num.search(y[i]) != -1){ hint += "Y"; } else if (num.search(y[i]) === -1){ hint += "B"; } else{ hint += "E"; } } b.innerHTML += "

Your hint: "+hint+"

"; if (hint == R()){ document.write("

YOU WON

👏👏👏🎉🎉💯💯👌👌👌

The correct number was "+ num +"!!

"); } else if (yo == 6){ document.write("

YOU LOST!

😱😱😱😔😔😔😫😫😫

The correct number was "+ num +"!!

"); } b.disabled = true; } // This function uses all the functions mentioned above and shows it to you // Here you cannot see the second button unless you get the hint from the first button and so on and so forth function Myfunc2(){ // Calling the random number producer function var real = RandomNumberProducer(); // Making methods using the attribute getElementById on the paragraphs and then a button is made and its method is also formed using getElementById. const p1 = document.getElementById("chance1"); p1.innerHTML = ''; const b1 = document.getElementById("b1"); const p2 = document.getElementById("chance2"); p2.innerHTML = ''; const b2 = document.getElementById("b2"); const p3 = document.getElementById("chance3"); p3.innerHTML = ''; const b3 = document.getElementById("b3"); const p4 = document.getElementById("chance4"); p4.innerHTML = ''; const b4 = document.getElementById("b4"); const p5 = document.getElementById("chance5"); p5.innerHTML = ''; const b5 = document.getElementById("b5"); const p6 = document.getElementById("chance6"); p6.innerHTML = ''; const b6 = document.getElementById("b6"); // We only want buttons to be active. This is excluding the empty area after the button p1.disabled = true; p2.disabled = true; p3.disabled = true; p4.disabled = true; p5.disabled = true; p6.disabled = true; // Only the first button should be displayed b2.style.display = "none"; b3.style.display = "none"; b4.style.display = "none"; b5.style.display = "none"; b6.style.display = "none"; // As you submit your guess, 2 things are happening. The input is getting scanned to give out the hint and the next button is getting displayed This goes on till we reach the last button b1.addEventListener("click", function(){TakingInput(b1, real, 1); b2.style.display = "block"}); b2.addEventListener("click", function(){TakingInput(b2, real, 2); b3.style.display = "block"}); b3.addEventListener("click", function(){TakingInput(b3, real, 3); b4.style.display = "block"}); b4.addEventListener("click", function(){TakingInput(b4, real, 4); b5.style.display = "block"}); b5.addEventListener("click", function(){TakingInput(b5, real, 5); b6.style.display = "block"}); b6.addEventListener("click", function(){TakingInput(b6, real, 6);}); }

💪MASTERMIND GAME!💫💯