Диапазон типов ввода - oninput change label - использовать javascript "if" для изменения определенного значения

Question

У меня есть ползунок диапазона ввода, который меняет метку на слайде.

Теперь, когда значение диапазона = 5, текст метки меняется на "5 часов".Я хочу сказать: если текст метки "31 år", например, измените текст на "Infinity".

Так что все числа от 5-30 "år" в порядке, но "31 år" следует заменить на что-тоиначе / другое значение.

<label id="af">30 år</label>
<input id="afid" name="afdrag" type="range" max="31" min="5" value="30" oninput="var str = document.getElementById('af').innerHTML = this.value + ' år'">

Answer 1

Просто добавьте троичный оператор для проверки состояния.

var str = document.getElementById('af').innerHTML = this.value<31?this.value+' år':'infinity

Вот демоверсия

<label id="af">30 år</label>
<input id="afid" name="afdrag" type="range" max="31" min="5" value="30" oninput="var str = document.getElementById('af').innerHTML = this.value<31?this.value+' år':'infinity'">