92 lines
1.8 KiB
JavaScript
92 lines
1.8 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
// here we start the program
|
|
let main_desc_clicked = false;
|
|
let rect_score = 100;
|
|
let footer_wow = true;
|
|
let footer_dbl = false;
|
|
|
|
|
|
// random
|
|
$(".ni, .outerNi").click(function(){
|
|
$(this).hide();
|
|
});
|
|
|
|
|
|
// question mark
|
|
$(".question_mark_navbar").click(function(){
|
|
$("*").css("background-color", "#ffffff");
|
|
});
|
|
|
|
// title
|
|
$("#welcome").mouseenter(function(){
|
|
if(main_desc_clicked == true){
|
|
$(header).toggle(200);
|
|
}
|
|
});
|
|
|
|
// main_desc
|
|
$("#main_desc").html("Are you bored ? <br/><br/>If yes you can find many simple games on this webpage. <br/>In section GAMES you have list of all the games. <br/>There are also many different suprises hidden everywhere.<br/><br/>Here is very, very simple game below. <br/><br/>- click on the rectangle 100 times");
|
|
|
|
$("#main_desc").click(function(){
|
|
$(this).css("color", "#000539");
|
|
main_desc_clicked = true;
|
|
});
|
|
|
|
// score
|
|
$(".score").click(function(){
|
|
rect_score += 1;
|
|
|
|
$(this).css("width", "9%");
|
|
$(this).html(rect_score);
|
|
});
|
|
|
|
// rect
|
|
$("#rect").click(function(){
|
|
rect_score -= 1;
|
|
|
|
if (rect_score <= 0){
|
|
rect_score = 0;
|
|
|
|
$(".score").css("width", "22%");
|
|
$(".score").html("Yay you won!");
|
|
} else {
|
|
$(".score").css("width", "9%");
|
|
$(".score").html(rect_score);
|
|
}
|
|
});
|
|
|
|
|
|
// footer
|
|
$(".footer").on({
|
|
dblclick : function(){
|
|
$(this).html("wow");
|
|
$("section, header").toggle(5000);
|
|
|
|
if (footer_dbl == true){
|
|
$(this).css("font-size", "20px");
|
|
footer_dbl = false;
|
|
} else {
|
|
$(this).css("font-size", "400px");
|
|
footer_dbl = true;
|
|
}
|
|
|
|
footer_wow = true;
|
|
},
|
|
|
|
click : function(){
|
|
if (footer_wow == true){
|
|
$(this).html("try double click");
|
|
footer_wow = false;
|
|
} else {
|
|
$(this).html("wow");
|
|
footer_wow = true;
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
console.log("Everything is running.");
|
|
|
|
});
|