Posts

Tic-Tac-Toe Game For Beginner Using [HTML/CSS/JS]

Image
 HTML code: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > TIC TAC TOE </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body" >     < main >         < div class = "hide msgcontainer" >             < p class = "msg" > WINNER </ p >             < button class = "newbtn" > NEW MATCH </ button >         </ div >         < H1 > Tic Tac Toe </ H1 >         < div class = "container" >           < div class = "game" >             < button class = "boxes" ></ button >             < button class = "boxes" ></ button >             < button class = &q
Read more

HTML/CSS/JS code to build a basic dynamic website

Image
HTML code   <! DOCTYPE html > <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>DOM BASICS</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="boxes">     </div>     <script src="script.js"></script> </body> </html> CSS code * {     padding : 0px ;     margin : 0px ;     background-color : black ;     color : white ; } .box {     width : 99vw ;     height : 10vh ;     border : 2px solid white ;     border-radius : 10px ;     margin : 5px 0px 5px 0px ; } JS code function boxcard ( title , color , bgcolor ) {     let div = document . createElement ( "div" );     div . classList . add ( "box" );     div . innerHTML = `Title = ${ title } ` ;     div . style . color =
Read more