Category: javascript
DOM events
Published on 03 Mar 2026
Explanation
querySelector()
selects the
first HTML element that matches
a specified CSS selector.
It can select by
1.id (#id),
2.class (.class),
3.tag name
4.attribute.
Code:
document.querySelector('selector');
Explanation
getElementById()
selects an HTML element
using its unique id attribute.
It returns a single element.
Code:
document.getElementById('id');
Explanation
String literals (Template literals)
use backticks (` `)
and allow embedding variables using ${}.
They support
multi-line strings and interpolation.
Code:
const message = `Hello ${name}`;
Explanation
DOM events
allow JavaScript to respond to user
actions like
1.click,
2.submit
3.mouseover,
4.keypress using
5.addEventListener().
Code:
element.addEventListener('click',
function() {
console.log('Clicked');
});