dth:160px;         height:160px;         border:1

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter9: Getting Started With Javascript: Creating A Countdown Clock
Section: Chapter Questions
Problem 11CP1
icon
Related questions
Question
Need help creating checker board game using html.
<DOCTYPE html>
    <html>
    <head>
    <style>
   
    #mainChessBoard
    {
        width:160px;
        height:160px;
        border:1px solid black;
    }
   
    div
    {
     width:20px;
     height:20px;
     float:left;
    }
   
    </style>
    </head>
    <body>
    <div id="mainChessBoard">
    </div>
    <script type="text/javascript">
   
      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
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

Blurred answer
Knowledge Booster
Mobile Devices
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
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
EBK JAVA PROGRAMMING
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT