Javascript 获取元素的顶部位置值，然后在JS中为其添加一个百分比

我试图创建一个函数，将数组元素的“top”值增加50%。到目前为止，我只设法检索到位置，但以像素为单位，我不知道如何将“50%”添加到这些值中。我还认为必须有一个更简单的方法来实现这一点

const aboutTags=Array.from（document.querySelectorAll（“.about标记”）；
document.querySelector（“.about personal container”）.addEventListener（“mouseover”，function（））{
const filteredTags=aboutTags.filter（tag=>tag.classList.contains（“个人标记”））
const getTagPosition=filteredTags.map（tags=>tags.style.top=tagPosition=window.getComputedStyle（tags.getPropertyValue（'top'））；
console.log（getTagPosition）
//这将给出元素的顶部位置，但以像素为单位
});
#关于第节{
背景：黑色；
高度：100vh；
位置：相对位置；
颜色：白色；
}
.个人标签{
位置：绝对位置；
排名：0；
左：0；
边缘底部：10px；
过渡：所有1；
}
.personal-tag1{
最高：5%；
左：15%；
}
.personal-tag2{
最高：15%；
左：35%
}
.personal-tag3{
最高：25%；
左：65%
}
#关于内栅格包裹{
边框：1px纯蓝色；
宽度：300px；
身高：50%；
位置：绝对位置；
左：40%；
最高：50%；
显示器：flex；
}
.关于内部网格标记容器{
身高：100%；
边框：1px纯白；
弹性：1；
}

个人标签
个人第二
个人第三
个人标签
个人标签
使用


const aboutTags=Array.from（document.querySelectorAll（“.about标记”）；
document.querySelector（“.about personal container”）.addEventListener（“mouseover”，function（））{
const filteredTags=aboutTags.filter（tag=>tag.classList.contains（“个人标记”））
const getTagPosition=filteredTags.map（tags=>tags.style.top=tagPosition='calc（'+window.getComputedStyle（tags.getPropertyValue（'top'）+'+50%））；
console.log（getTagPosition）
//这将给出元素的顶部位置，但以像素为单位
});
#关于第节{
背景：黑色；
高度：100vh；
位置：相对位置；
颜色：白色；
}
.个人标签{
位置：绝对位置；
排名：0；
左：0；
边缘底部：10px；
过渡：所有1；
}
.personal-tag1{
最高：5%；
左：15%；
}
.personal-tag2{
最高：15%；
左：35%
}
.personal-tag3{
最高：25%；
左：65%
}
#关于内栅格包裹{
边框：1px纯蓝色；
宽度：300px；
身高：50%；
位置：绝对位置；
左：40%；
最高：50%；
显示器：flex；
}
.关于内部网格标记容器{
身高：100%；
边框：1px纯白；
弹性：1；
}

个人标签
个人第二
个人第三
个人标签
个人标签