Sometimes the value of a slider changes depending on a variable. When this happens, I set my-slider.value = newValue, and it changes. But it is not shown visually, that is, the slider still shows the previous value. What should I do?
var newValue;
function calcNV() {
async function delayedGreeting() {
altitude = document.getElementById("altitude-slider");
limit = document.getElementById("limit-slider");
if (altitude.value == 1000) {
limit.value = newValue = 90;
}
if (altitude.value == 1500) {
limit.value = newValue = 89;
}
if (altitude.value == 2000) {
limit.value = newValue = 88;
}
$('#obj-ntydnn448').text(newValue + "%");
}
delayedGreeting();
}
// SPO2 Limit
function updateLimit(val) {
$('#obj-ntydnn448').text(val + "%");
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="item-cell flex-shrink-3">
<div class="range-slider range-slider-init color-f66907">
<input type="range" min="70" max="90" step="1" value="88" id="limit-slider" onchange="updateLimit(this.value);" oninput="updateLimit(value);">
</div>
</div>Here is a code I made for slider and please provide your code next time
Choose your Cinema
1km 100km