如何格式化类型范围滑块的 <output>？答案

【问题标题】：How to format the <output> of a type range slider?如何格式化类型范围滑块的 <output>？
【发布时间】：2022-07-22 01:16:32
【问题描述】：

我正在尝试格式化范围滑块，以使结果出现重复。例如。它默认返回 16。我想在滑块下看到 16x16、32x32...这两个数字必须移到一起。

这是我尝试过的：

 <input type="range" min="2" max="50" value="16" class="size"
 oninput="this.nextElementSibling.value = this.value">
  <output>16</output

有没有办法格式化输出？谢谢

【问题讨论】：

this.nextElementSibling.value = `${this.value}x${this.value}` - template literals 可能有帮助吗？
非常感谢，找了一段时间了。

标签： javascript

【解决方案1】：

&lt;input type="range" min="2" max="50" value="16" class="size" oninput="this.nextElementSibling.innerHTML = `${this.value}x${this.value}`"&gt;&lt;output&gt;&lt;/output&gt;

【讨论】：