I was looking for some hands-on practice and saw @christianp86 starring this wonderful project of James Q Quick. So I followed it along and learned as well as refreshed a few things here and there. I've never been the CSS guy and I sometimes lack imagination in order to create something from scratch, so this was perfect. Not to mention the tips on emmet abbreviations and vsc code snippets. Check out the YT-Playlist and everything else linked below!
{
"Get Element by id": {
"prefix": "getid",
"body": "const $1 = document.getElementById('$1');\n$0",
"description": "Gets DOM element by id"
},
"Get Elements by tag": {
"prefix": "gettag",
"body": "const $1 = document.getElementsByTagName('$2);\n$0",
"description": "Gets DOM elements by tagname"
},
"Get Elements by class": {
"prefix": "getclass",
"body": "const $1 = document.getElementsByClassName('$2');\n$0",
"description": "Gets DOM elements by classname"
},
"Get Element by query selector": {
"prefix": "getel",
"body": "const $1 = document.querySelector($2);\n$0",
"description": "Gets DOM element by query selector"
},
"Get Elements by query selector": {
"prefix": "getels",
"body": "const $1 = document.querySelectorAll($2);\n$0",
"description": "Gets DOM elements by query selector"
}
}