как можно с помощью кнопки добавить перед последним абзацем изображение на языке Javascript?

function addImage() { 
    // Создаем новый <img> 
    var img = document.createElement("img"); 
    // добавляем картинку 
    img.src = 'https://icdn.lenta.ru/images/2015/12/15/11/20151215114126414/pic_a8bf01cef0eaf46338e791bf08db72c1.jpg'; 
    var paragraphs = document.querySelectorAll("#wrap p"); 
    // Элемент, перед которым вставить картинку 
    var lastParagraph = paragraphs[paragraphs.length-1]; 
    //Получаем ссылку на родителя testElement 
    var parentDiv = lastParagraph.parentNode; 
 
    // Вставляем img перед последним paragraph 
    parentDiv.insertBefore(img, lastParagraph); 
} 
 
let btn = document.querySelector("button"); 
// Добавляет слушателя событий для таблицы 
btn.addEventListener("click", addImage, false);

<div id="wrap"> 
rewrwe 
<p>sdfsdfsdf</p> 
 
<div>123</div> 
 
<p>Последний абзац</p> 
</div> 
 
<button>нажми мая кнопачка</button>

function addImage() { 
  let paragraphs = document.querySelectorAll("#wrap p"); 
  // Элемент, перед которым вставить картинку 
  let lastParagraph = paragraphs[paragraphs.length-1]; 
 
  lastParagraph.insertAdjacentHTML('beforeBegin', '<img src="https://icdn.lenta.ru/images/2015/12/15/11/20151215114126414/pic_a8bf01cef0eaf46338e791bf08db72c1.jpg"/>'); 
 
} 
 
let btn = document.querySelector("button"); 
// Добавляет слушателя событий для таблицы 
btn.addEventListener("click", addImage, false);

<div id="wrap"> 
rewrwe 
<p>sdfsdfsdf</p> 
 
<div id="test">123</div> 
 
 
<p>Последний абзац</p> 
</div> 
 
<button>кнопачка нажми</button>