Elemento di test in JavaScript

Creiamo un elemento di test che utilizzeremo come esempio per studiare varie metriche nelle prossime lezioni. Organizzeremo questo elemento in modo che abbia bordi, padding interno, e anche barre di scorrimento:

html<div id="elem">
  some long text
</div>

css#elem {
  width: 300px;
  height: 150px;
  margin: 50px auto;
  padding: 25px;
  background: #CFF5BF;
  border: 25px solid #F0D7A1;
  overflow: auto;
  text-align: justify;
}

Результат:

Otteniamo un riferimento a questo elemento in una variabile:

javascriptlet elem = document.querySelector('#elem');