Inspiration
What it does
It basically is a game ,after clicking on those squares there are happening a lot of thing such as color changing.
How we built it
Challenges we ran into
Accomplishments that we're proud of
What we learned
What's next for Square Game
Hi Everyone , First of all i Choosed the sqaure Game . I am going to talk about Square Game. It is very interesting. First we look at the output. If click the first box then change the random number. If click the second box then three color will change. Finally,click the four number box then one,two and three boxes will change as random color. I will show you I did it. First, I made a main in the body. Next,I have made an Id named box , and made a class in it. Then, linked the CSS and linked the Java Script . In CSS, we will set margin , padding to 0%. And I will make the height and width 100% of the body. In main,height,width,display,align-items:center , justify-content:center I will make the shapes come in the middle. In rect, I will flex the display. In shape, height,width,border, font-family, display : flex, align-items : center,justify-content : center, margin-top : 0.1vw, margin-left : 0.1vw will do. Now, we will see the work in java script. That is, if you click on shape 1 here, the random number will change and if you exit , if we will return to the previous state and if you double click then random color will come. If you click on square 2 , the color will change to red,green,blue 3 consecutively and if will turn white when you leave the mouse. In square 3, if enter the mouse then will changed color randomly and leave the mouse then will turn the previous state I mean white. In square 4, click the mouse then 1,2,3 will changed color randomly, and leave the mouse then 1,2,3 is turn the previous state . This was Thank You So Much Everyone.
Log in or sign up for Devpost to join the conversation.