EventListener:

// På html som allerede eksisterer:
document.getElementById('searchtext').addEventListener('keypress', (e) => {
    let key = e.key;
    if(key == "Enter") {
        // do stuff..
    }
});
document.querySelector('.sorting2').addEventListener('click', (e) => {
    // do stuff..
});

// På dynamisk HTML
document.addEventListener('click', (e) => {
    if(!e.target.matches('.class1, .class2, #id1')) return;
    // do stuff..
});

CSS:

document.getElementById('id').style.cssText = 'top: 20px';
document.getElementById('id').style.top = '20px';

Legge til et nytt element:

let limitmsg = document.createElement('span');
limitmsg.className = 'res';
limitmsg.innerHTML = 'Tekst <strong>her</strong>';
document.querySelector('.container').appendChild(limitmsg); // for body: document.body.appendChild
// Resultat: <div class="container"><span class="res">Tekst <strong>her</strong></span></div>

Fjern alle elementer fra en div: (sett textContent/innerHTML)

document.querySelector('.container').textContent = '';