Как динамически заполнять элементы html данными JSON с помощью Javascript, а не jQuery?

У меня есть следующий фрагмент данных JSON :

{"items": [
 {
   "title": "sample 1",
   "author": "author 1"
 },
 {
  "title": "sample 2",
  "author": "author 2"
 }
]}

Как мне заполнить следующие элементы html этими данными:

<div class="news-story">
 <h5>sample 1</h5>
 <p>By: author 1</p>
 <h5>sample 2</h5>
 <p>By: author 2</p>
</div>

Я хочу выполнить это с помощью Javascript, а не jQuery.