输入类型范围-oninput更改标签-使用javascript“如果”更改特定值

Question

我有一个输入范围滑块，可以更改幻灯片上的标签。

现在，当范围值= 5时，标签文本更改为“ 5år”。 我想说：如果标签文本为“ 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'">