Skip to content

Commit

Permalink
submit1
Browse files Browse the repository at this point in the history
  • Loading branch information
Dmitry Pavluk committed Feb 2, 2014
1 parent b9c791a commit 300dd94
Show file tree
Hide file tree
Showing 4 changed files with 121 additions and 85 deletions.
Binary file added celebrate2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
132 changes: 70 additions & 62 deletions hotorcold.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,93 +4,101 @@
var randomNum = Math.floor(Math.random()*101);
var listOfGuesses = [];


$(document).ready(function(){


var generate = function() {
randomNum = Math.floor(Math.random()*101);
$(".test").html(randomNum);
listOfGuesses.length = 0;
input.value = "";
return false;
};




var evaluate = function() {
var lastGuess = listOfGuesses[listOfGuesses.length - 1];
var previousGuess = listOfGuesses[listOfGuesses.length - 2];
if (isNaN(lastGuess)) {$('.output').html("come on");}
else if (lastGuess === randomNum) {$(".output").html("You got it!");}
else if (listOfGuesses.length === 1) {
if ((Math.abs(lastGuess - randomNum) < 20)) {$('.output').html("Lukewarm");}
else if ((Math.abs(lastGuess - randomNum) < 10)) {$('.output').html("Fire");}
else {$('.output').html("New Ice Age");}
var numGuesses = listOfGuesses.length;
if(numGuesses > 10) {
$('.output').html("You lost. Dust yourself off and try again, try again.");
$('body').removeClass();
$('body').addClass("lost");
$(".test").html("the answer is " +randomNum);
return;
}
else {
var lastGuess = listOfGuesses[listOfGuesses.length - 1];
if (lastGuess === randomNum) {
$(".output").html("You got it!");
$('body').removeClass();
$('body').addClass("celebrate");
return;
}
if(numGuesses == 1) {
var check = Math.abs(lastGuess - randomNum);
if(check < 10) {
$('.output').html("Fire");
$('body').addClass("fire");
}
else if(check > 10 && check < 20) {
$('.output').html("Lukewarm");
$('body').addClass("warm");
}
else {
$('.output').html("New Ice Age");
$('body').addClass("cold");
}
}
else {
var previousGuess = listOfGuesses[listOfGuesses.length - 2];
var lastCheck = Math.abs(lastGuess - randomNum);
var prevCheck = Math.abs(previousGuess - randomNum);
if(lastCheck < prevCheck) {
if (lastCheck < 5) {$('.output').html("You're so close!");
$('body').removeClass();
$('body').addClass("soclose");
}
else {$('.output').html("Getting warmer");
$('body').removeClass();
$('body').addClass("warm");
}
}
else {
$('.output').html("Getting colder");
$('body').removeClass();
$('body').addClass("cold");
}
}
}
else if (1 > listOfGuesses.length > 10) {
if ((Math.abs(lastGuess - randomNum) < Math.abs(previousGuess - randomNum))) {$('.output').html("Getting warmer");}
else {$('.output').html("Getting colder");}}
else {$('.output').html("You lost. Dust yourself off and try again, try again.");}
return false;
};

var displayTries = function() {
var numberOfTries = listOfGuesses.length + 1;
$('.numTries').html(numberOfTries);
var numberOfTries = listOfGuesses.length;
$('#numTries').html(numberOfTries);
return false;
};

var stupefy = function() {
var result = parseInt($("#guess").val());
listOfGuesses.push(result);
displayTries;
evaluate;
return false;
};

/* var firstGuess = function() {
if ((Math.abs(lastGuess - randomNum) < 20)) {$('.output').html("Lukewarm");}
else if ((Math.abs(lastGuess - randomNum) < 10)) {$('.output').html("Fire");}
else ((Math.abs(lastGuess - randomNum) < 20)) {$('.output').html("New Ice Age");}
}
var middleGuess = function() {
if ((Math.abs(lastGuess - randomNum) < Math.abs(previousGuess - randomNum))) {$('.output').html("Getting warmer");}
else ((Math.abs(lastGuess - randomNum) > Math.abs(previousGuess - randomNum))) {$('.output').html("Getting colder");}
}
*/








/* if (result === randomNum) {
$(".output").html("You got it!");
var number = $("#guess").val();
if(isNaN(number)) {
alert("The entry '"+number+"' is not a number");
return false;
}
else if (Math.abs(result - randomNum) < 20) { $('.output').html("getting warmer");}
else if (Math.abs(result - randomNum) > 20) { $('.output').html("getting colder");}
else {
$('.output').html("not even close");
if(number>100 || number<1){
alert("Enter a number between 1 and 100!");
return false;
}
return false; */




var show = function() {
$(".test").html(randomNum);
var result = parseInt(number);

listOfGuesses.push(result);
displayTries();
evaluate();
return false;
};

};


$('#submit').click(stupefy);
$('#display').click(show);
$('#new').click(generate);

});
});
43 changes: 37 additions & 6 deletions hotorcold_style.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,38 @@
div {
width:100px;
height:50px;
background-color:#9696f0;
border: 1px solid black;
margin: 10px;
body {
width:100%;
height: 100%;
background-color:#8cf7eb;
background-image: url(textures/lined.png);
background-repeat:repeat;
padding:0;
margin:0;
font-family: 'Nixie One', cursive;
color:#d3d1d1;
}

#wrap{
text-align:center;
width:500px;
height:200px;
margin: 90px auto;
background-color:black;
border-radius:50px;
}

.cold{ background-color:#8cb9f7;}

.warm{ background-color:#f7948c;}

.fire{ background-color:#f2361d;}

.soclose{ background-color:#f00;}

.lost{ background-color:#7b6b27;}

.celebrate {
background: url(celebrate2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
31 changes: 14 additions & 17 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,21 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="hotorcold.js"></script>
<link rel="stylesheet" type="text/css" href="hotorcold_style.css">
<link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
</head>
<body>

<h1>Guess that number</h1>

<form>
<input id="guess"/>
<input type="submit" id="submit" value="guess"/>
<input type="submit" id="display" value="display"/>
<input type="submit" id="new" value="new game"/>
</form>
<div id="wrap">
<h1>Guess that number</h1>
<h3>You have 10 tries</h3>
<form>
<input id="guess"/>
<input type="submit" id="submit" value="guess" maxlength="3"/>
<input type="submit" id="new" value="new game"/>
</form>




<p class="output"></p><br>
<p class="test"></p><br>
<p>Number of tries:<span id="numTries"></span></p>

<p class="output"></p>
<p class="test"></p>
<p>Number of tries:&nbsp;<span id="numTries"></span></p>
</div>
</body>
</html>
</html>

0 comments on commit 300dd94

Please sign in to comment.