Posts

Project#2 : Modal Window

  1)  prettierrc file { "singleQuote" : true , "arrowParens" : "avoid" } 2) index.html file <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" /> < meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> < meta http-equiv = "X-UA-Compatible" content = "ie=edge" /> < link rel = "stylesheet" href = "style.css" /> < title >Modal window</ title > </ head > < body > < button class = "show-modal" >Show modal 1</ button > < button class = "show-modal" >Show modal 2</ button > < button class = "show-modal" >Show modal 3</ button > < div class = "modal hidden" > < button class = "close-modal" > &times; </ but...
Post a Comment
Read more

Project#1: Guess My Number

  1) index.html file <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" /> < meta name = "viewport" content = "width=device-width, initial-scale=1.0" /> < meta http-equiv = "X-UA-Compatible" content = "ie=edge" /> < link rel = "stylesheet" href = "style.css" /> < title >Guess My Number!</ title > </ head > < body > < header > < h1 >Guess My Number!</ h1 > < p class = "between" >(Between 1 and 20)</ p > < button class = "btn again" >Again!</ button > < div class = "number" >?</ div > </ header > < main > < section class = "left" > < input type = "number" class = "guess" /> < button...
Post a Comment
Read more