let_Maya

I am working on replacing this jQuery code written in Typescript into Vanilla JavaScript for edit .pdf purposes. I have problem resizing the window. Replacing .outerHeight() with offsetHeight doesn't work windowResizeHandler: () => void = () => { let body = document.querySelector("body"); let height = parseInt(window.getComputedStyle(body).height); //suppose there is a #header element which takes some area. let headHeight = $("#header").outerHeight(); let rightHeight = height; if ($("#header").is(":visible")) { rightHeight = height - headHeight; } $("#right").height(rightHeight); WebPDF.updateLayer(); HTML <page-container> <div id="docViewer" ref="docViewer" style="background: #dddedf;"></div> </page-container>

I am trying to rewrite this jQuery code to Typescript. valueChanged(newValue) { let editSlider = $(this.editSlider).data("ionRangeSlider"); if (editSlider && editSlider.old_from != newValue){ editSlider.update({ from: newValue }); } let readOnlySlider = $(this.readOnlySlider).data("ionRangeSlider"); if (readOnlySlider && readOnlySlider.old_from != newValue) { readOnlySlider.update({ from: newValue }); } } <div show.bind="editOnly || parentVM.editMode != 0" class="form-group"> <label-for> <small>${label}</small> </label-for> <input ref="editSlider" value.two-way="value" type="text"> </div> <div show.bind="!editOnly && parentVM.editMode == 0"> <small>${label}</small> <input ref="readOnlySlider" value.two-way="value" type="text"> </div>