Java Puzzle Code

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Puzzle Game</title>
<style>
.boxSize{
position: absolute;
width: 33.3%;
height: 33.3%;
border: 1px solid black;
overflow: hidden;
body{
background:url(backImage.jpg);
background-repeat:no-repeat;
background-size:100vw 100vh;
.box1{
top: 0%;
left: 0%;
overflow: hidden;
.box2{
top:0%;
left: 33.3%;
overflow: hidden;
.box3{
top:0%;
left: 66.6%;
overflow: hidden;
.box4{
top:33.3%;
left: 0%;
overflow: hidden;
.box5{
top:33.3%;
left: 33.3%;
.box6{
top:33.3%;
left: 66.6%;
.box7{
top:66.6%;
left: 0%;
.box8{
top:66.6%;
left: 33.3%;
.box9{
top:66.6%;
left: 66.6%;
.img1{
position: absolute;
width: 300%;
height: 300%;
.img2{
position: absolute;
width: 300%;
height: 300%;
left: -100%;
.img3{
position: absolute;
width: 300%;
height: 300%;
left: -200%;
.img4{
position: absolute;
width: 300%;
height: 300%;
top: -100%;
.img5{
position: absolute;
width: 300%;
height: 300%;
top: -100%;
left: -100%;
.img6{
position: absolute;
width: 300%;
height: 300%;
top: -100%;
left: -200%;
.img7{
position: absolute;
width: 300%;
height: 300%;
top: -200%;
left: 0%;
.img8{
position: absolute;
width: 300%;
height: 300%;
top: -200%;
left: -100%;
.img9{
position: absolute;
width: 300%;
height: 300%;
top:-200%;
left: -200%;
opacity: 0.2;
</style>
<script>
var flag = [false,false,false,false,false,false,false,false,false];
var imageClass =['img1','img2','img3','img4','img5','img6','img7','img8','img9'];
var imagePos = [-1,-1,-1,-1,-1,-1,-1,-1,-1];

function Random(){
/* var i=0,ranNum=0;
for(var j=0 ; j < 9 ;j++){
do{
ranNum = Math.floor(Math.random() * 9);
}while(imagePos.indexOf(ranNum)!=-1);
if(ranNum==8){
flag[i]=true;
imagePos[i++] = ranNum;
*/
flag[7]=true;
imagePos = [0,1,2,3,4,5,6,8,7];
document.getElementById('image1').className = imageClass[imagePos[0]];
function checkGameStatus(){
document.getElementById("h").innerHTML="Angry Bird Puzzle";
var count =0;
if(document.getElementById('image1').className =='img1'){
count++;
count++;
count++;
count++;
count++;
count++;
count++;
}
count++;
count++;
if(count ==9){
document.getElementById("h").innerHTML="Congratulation you have win";
document.getElementById("image9").style.opacity ="1"
; }
function swaping(ID){
if(ID=='image1'){
if(flag[1]==true) {
var tempImage = document.getElementById('image2').className ;
document.getElementById('image2').className
= document.getElementById('image1').className;
document.getElementById('image1').className = tempImage;
flag[1] = false;
flag[0] = true;
else if(flag[3]==true) {
flag[3] = false;
flag[0] = true;
else if(ID=='image2'){
if(flag[0]==true) {
flag[0] = false;
flag[1] = true;
flag[2] = false;
flag[1] = true;
else if(flag[4]==true){
flag[4] = false;
flag[1] = true;
}
}
if(flag[1]==true) {
flag[1] = false;
flag[2] = true;
flag[5] = false;
flag[2] = true;
}
if(flag[0]==true) {
flag[0] = false;
flag[3] = true;
flag[4] = false;
flag[3] = true;
flag[6] = false;
flag[3] = true;
}
if(flag[1]==true) {
flag[1] = false;
flag[4] = true;
flag[3] = false;
flag[4] = true;

flag[5] = false;
flag[4] = true;
flag[7] = false;
flag[4] = true;
if(flag[2]==true) {
flag[2] = false;
flag[5] = true;
}
flag[4] = false;
flag[5] = true;
flag[8] = false;
flag[5] = true;
if(flag[3]==true){
flag[3] = false;
flag[6] = true;
flag[7] = false;
flag[6] = true;
if(flag[6]==true) {
flag[6] = false;
flag[7] = true;
flag[4] = false;
flag[7] = true;
flag[8] = false;
flag[7] = true;
if(flag[7]==true) {
flag[7] = false;
flag[8] = true;
flag[5] = false;
flag[8] = true;
checkGameStatus();
</script>
</head>
<body onload="Random()">
<h1 id="h" style="font-family:fantasy; color:white;text-align:center;font-size:500%;margin-

top:-0.1%;"> Angry Bird Puzzle </h1>
<div style="background: black; position: absolute; width:30%;height: 70%;border: thick solid

black ;top: 20%;left: 15%;">
<div class="boxSize box1">
<img id="image1" class="img1" src="Angry-Birds_8.jpg" alt=""

onclick="swaping(this.id)">
</div>

</div>

</div>

</div>

</div>

</div>
<div class="boxSize box7" >

</div>
<div class="boxSize box8" >

onclick="swaping(this.id)" >
</div>

</div>
</div>
<div style="width:20% ; height: 40%; position: absolute;top:20%; left: 60%;border: medium

solid black">
<img style="width:100%;height: 100%;" src="Angry-Birds_8.jpg" />
</div>
</body>
</html>

Java Puzzle Code

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Java Puzzle Code

Uploaded by

Copyright:

Available Formats

<!

border: 1px solid black;

var flag = [false,false,false,false,false,false,false,false,false];

var imageClass =['img1','img2','img3','img4','img5','img6','img7','img8','img9'];

var imagePos = [-1,-1,-1,-1,-1,-1,-1,-1,-1];

for(var j=0 ; j < 9 ;j++){

ranNum = Math.floor(Math.random() * 9);

document.getElementById("h").innerHTML="Angry Bird Puzzle";

var count =0;

document.getElementById("h").innerHTML="Congratulation you have win";

var tempImage = document.getElementById('image2').className ;

var tempImage = document.getElementById('image4').className ;

var tempImage = document.getElementById('image3').className ;

var tempImage = document.getElementById('image5').className ;

var tempImage = document.getElementById('image2').className ;

var tempImage = document.getElementById('image6').className ;

var tempImage = document.getElementById('image1').className ;

var tempImage = document.getElementById('image5').className ;

var tempImage = document.getElementById('image7').className ;

var tempImage = document.getElementById('image2').className ;

var tempImage = document.getElementById('image4').className ;

var tempImage = document.getElementById('image6').className ;

var tempImage = document.getElementById('image8').className ;

var tempImage = document.getElementById('image3').className ;

var tempImage = document.getElementById('image5').className ;

var tempImage = document.getElementById('image9').className ;

var tempImage = document.getElementById('image4').className ;

var tempImage = document.getElementById('image8').className ;

var tempImage = document.getElementById('image7').className ;

var tempImage = document.getElementById('image5').className ;

var tempImage = document.getElementById('image9').className ;

var tempImage = document.getElementById('image8').className ;

var tempImage = document.getElementById('image6').className ;

<h1 id="h" style="font-family:fantasy; color:white;text-align:center;font-size:500%;margin-

<div style="background: black; position: absolute; width:30%;height: 70%;border: thick solid

<div class="boxSize box1">

<img id="image1" class="img1" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box2">

<img id="image2" class="img2" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box3">

<img id="image3" class="img3" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box4">

<img id="image4" class="img4" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box5">

<img id="image5" class="img5" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box6">

<img id="image6" class="img6" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box7" >

<img id="image7" class="img7" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box8" >

<img id="image8" class="img8" src="Angry-Birds_8.jpg" alt=""

<div class="boxSize box9">

<img id="image9" class="img9" src="Angry-Birds_8.jpg" alt=""

<div style="width:20% ; height: 40%; position: absolute;top:20%; left: 60%;border: medium

<img style="width:100%;height: 100%;" src="Angry-Birds_8.jpg" />

You might also like