函数来更改js中的字体大小。如何添加缩放限制？

<button onclick="changeFontSize()">更改字体大小</button>

function changeFontSize() {
    var element = document.getElementById("myElement"); // 替换为要更改字体大小的元素ID
    var currentSize = parseFloat(window.getComputedStyle(element).fontSize); // 获取当前字体大小
    var newSize = currentSize + 2; // 新的字体大小
    element.style.fontSize = newSize + "px"; // 设置新的字体大小
}

function changeFontSize() {
    var element = document.getElementById("myElement"); // 替换为要更改字体大小的元素ID
    var currentSize = parseFloat(window.getComputedStyle(element).fontSize); // 获取当前字体大小
    var newSize = currentSize + 2; // 新的字体大小
    if (newSize >= 12 && newSize <= 36) { // 添加缩放限制，范围为12到36像素
        element.style.fontSize = newSize + "px"; // 设置新的字体大小
    }
}