如何在Bootstrap滑块中的鼠标位置显示工具提示值

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<input type="range" class="form-range" id="slider">

<input type="range" class="form-range" id="slider" data-bs-toggle="tooltip" title="">

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
  return new bootstrap.Tooltip(tooltipTriggerEl)
})

var slider = document.getElementById("slider");
var tooltip = document.getElementById("slider").dataset.bsOriginalTitle;

slider.addEventListener("input", function() {
  tooltip.innerText = slider.value;
});