Uncaught ReferenceError: openPicPreview is not defined at HTMLDivElement.onclick (1:80:194).

function openPicPreview(modalId, picPath) {
openModal(modalId);
var targetEl = document.getElementById("preview-pic");
while (targetEl.firstChild) {
targetEl.removeChild(targetEl.lastChild);
}

var imgPreview = document.createElement("img");
imgPreview.setAttribute("src", picPath);
targetEl.appendChild(imgPreview);

var ditchPicBtn = document.getElementById("ditch-pic-btn");
var ditchPicBtnText = ditchPicBtn.innerHTML;
var iconCode = '<i class="fa fa-trash"></i>';
ditchPicBtn.innerHTML = ditchPicBtnText.replace(iconCode, "");
ditchPicBtn.innerHTML = iconCode + ditchPicBtn.innerHTML;
}

function ditchPreviewPic() {
var el = document.querySelector("div.user-panel.main input[name='login']");
var previewPic = document.querySelector("#preview-pic img");
var picPath = previewPic.src;
var removePicUrl =
baseUrl + "trongate_filezone/upload/" + segment1 + "/" + updateId;
var lastSegment = picPath.split("/").pop();
var elId = "gallery-preview-" + lastSegment.replace(".", "-");

const http = new XMLHttpRequest();
http.open("DELETE", removePicUrl);
http.setRequestHeader("Content-type", "application/json");
http.setRequestHeader("trongateToken", token);
http.send(picPath);
http.onload = function () {
if (http.status == 200) {
document.getElementById(elId).remove();
}
};
closeModal();
}