Element de test în JavaScript

Să creăm un element de test, pe exemplul căruia vom studia diverse metrici în lecțiile următoare. Acest element îl vom organiza astfel încât să aibă margini, padding interior, precum și bare de derulare:

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;
}

Результат:

Să obținem o referință la acest element într-o variabilă:

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