Тест елемент во JavaScript

Ајде да создадеме тест елемент, на примерот од кој ние ќе ги изучуваме различните метрики во следните лекции. Овој елемент ќе го организираме така што во него ќе има граници, внатрешен одступ, како и лизгачи за скролување:

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

Результат:

Ќе добиеме референца до овој елемент во променлива:

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