cOde BreaKR

by nukeboy212

HTML

<h1>
CODE BREAKER
</h1>
<div>
  <input placeholder="Enter ur Guess">
  <button id="submit">
    See if you hack somone.
  </button>
</div>
<h3 id ="guessss">

</h3>
<ul>
  <li id="1"></li>
  <li id="2"></li>
  <li id="3"></li>
  <li id="4"></li>
</ul>
<h3 id = win>

</h3>
<button id = "hack">
Hack
</button>

CSS

h1 {
  text-align: center;
  font-family: Arial;
}

input {
  display: inline-block;
}

div {
  width: 60%;
  text-align: center;
  display: block;
  margin: auto;
}

li {
  display: inline;
  text-align: center;
  list-style-type: none;
  margin: 10px;
  border-bottom: 2px solid black;
  color: white;
}

ul {
  width: 30%;
  text-align: center;
  display: block;
  margin: auto;
  text-align: center;
}
.blk{
  color:black;
}

JavaScript

var number1 = Math.floor(Math.random() * 10)
var number2 = Math.floor(Math.random() * 10)
var number3 = Math.floor(Math.random() * 10)
var number4 = Math.floor(Math.random() * 10)
$("#submit").show();
//$("h3").text(number1 + "" + number2 + "" + number3 + "" + number4)
var one = 1
var number = number1 +""+ number2 +""+ number3 +""+ number4
var guesss = 10;
//$("ul").append("<li>__<li><li>__<li><li>__<li><li>__<li>")
$("#guessss").text("Guesses Left: " + guesss)
$("#1").text(number1)
$("#2").text(number2)
$("#3").text(number3)
$("#4").text(number4)

$("#submit").click(function() {
  if ($("input").val().length > 0 && $("input").val().length == 4) {

    var guess = $("input").val()

guesss --;
if (guess[0] == number1 && guess[1] == number2 && guess[2] == number3 && guess[3] == number4){
win()
}
if (guesss == 0){
lose();
}
$("#guessss").text("Guesses Left: " + guesss)
    $("input").val("")
  }
  if (guess[0] == number1) {
$("#1").css("color", "black")
  }
  else{
  $("#1").css("color", "white")

  }
  if (guess[1] == number2) {
$("#2").css("color", "black")
  }
  else{
  $("#2").css("color", "white")

  }
  if (guess[2] == number3) {
$("#3").css("color", "black")
  }
  else{
  $("#3").css("color", "white")

  }
  if (guess[3] == number4) {
$("#4").css("color", "black")
  }
  else{
  $("#4").css("color", "white")

  }

})

function win() {
  console.log("win")
  $("h1").text("HAAAAAAAAACKS");
  var mon = Math.floor(Math.random()* 1000)
  $("#win").text("You got $"+ mon)
}
$("#hack").click(function(){
var i = prompt("Enter code");
if (i == "console.log(number);"){
console.log(number);
}
})

function lose(){
$("#submit").hide();
$("h1").text("You got caught.")
}