Posts

Showing posts from March, 2020

jQuery

jQuery HTML: Given the following HTML: <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > jQuery </ title > < link rel = " stylesheet " href = " styles.css " > </ head > < body > < h1 class = " big-title " > Hello </ h1 > < button > Click Me </ button > < button > Click Me </ button > < button > Click Me </ button > < button > Click Me </ button > < button > Click Me </ button > < script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js " > </ script > < script src = " index.js " charset = " UTF-8 " > </ script >

JavaScript event listeners

Event Listeners in JavaScript Given the following HTML: <!DOCTYPE html> < html lang = " en " dir = " ltr " > < head > < meta charset = " utf-8 " > < title > Drum Kit </ title > < link rel = " stylesheet " href = " styles.css " > < link href = " https://fonts.googleapis.com/css?family=Arvo " rel = " stylesheet " > </ head > < body > < h1 id = " title " > Drum Kit </ h1 > < div class = " set " > < button class = " w drum " > w </ button > < button class = " a drum " > a </ button > < button class = " s drum " > s </ button > < button class = " d drum " > d </ button > < button class = " j drum " > j </ button > < button class = " k

Manipulating HTML using JavaScript

Selecting HTML document with JavaScript Given the following HTML: <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < title > My Website </ title > </ head > < body > < h1 id = " title " > Hello </ h1 > < input type = " checkbox " > < button class = " btn " > Click Me </ button > < ul id = " list " > < li class = " item " > < a href = " https://www.google.com " > Google </ a > </ li > < li class = " item " > Second </ li > < li class = " item " > Third </ li > </ ul > </ body > < footer > < script