Answered: I want to make a checker game. I have…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

I want to make a checker game. I have these codes started.

<html>

<head>

<style>

#mainChessBoard

{

width:160px;

height:160px;

border:1px solid black;

}

div

{

width:20px;

height:20px;

float:left;

}

</style>

</head>

<body>

</div>

for (var i=0; i< 64; i++){

document.getElementById("mainChessBoard").appendChild(document.createElement("div")).style.backgroundColor = parseInt((i / 8) + i) % 2 == 0 ? '#ababab' : 'white';

}

</script>

</body>

</html>

Expert Solution

Step 1

ANSWER:

Code:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, starting scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */
input[type=text], input[type=password] {
width: 100 percent;
cushioning: 12px 20px;
edge: 8px 0;
show: inline-block;
line: 1px strong #ccc;
box-estimating: line box;
}

/* all buttons style set */
button {
foundation tone: #04AA6D;
shading: white;
cushioning: 14px 20px;
edge: 8px 0;
line: none;
cursor: pointer;
width: 100 percent;
}

button:hover {
darkness: 0.8;
}

/* Additional styles for the drop button */
.cancelbtn {
width: auto;
cushioning: 10px 18px;
foundation tone: #f44336;
}

Step by step

Solved in 4 steps

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions