How to display the range value above the slider?

Question

JavaScript

Hello. Like over a slider

<input class="range-style" type="range" min="0" max="100" step="1" value="50">

output value? Like here:
Plus, I’ll immediately go ahead, in addition to the numbers in the value, the% sign is also displayed
. Unfortunately, I’m not very friendly with JS, at the level of connecting some library, and I don’t understand how to attach this top window to this button
Codepen
I will be grateful any answer

Answer 1

Solution:
1. /какое_то_слово\s([а-яА-Я\_]*)/gm
2. /\((.*?)\)/gm
3./\((?!function)(.*?)\)/gm

Answer 2

shop.oreilly.com/product/9780596528126.do

/какое_то_слово\s(.*)/
/\((.*)\)/

And take what is found in the first group

Answer 3

Not what you need, but an intermediate option: https://jsfiddle.net/insp1/1n5am754/.
If there is no time, then it will be faster to connect jQuery UI: https://jqueryui.com/slider/#steps

Answer 4

If you use a plugin, go into the source code and where the slider markup is, add some span and write value into it, no one will do it for you, at the same time js is a reason to pull it up! Then you will do something like this once or twice, you yourself were like that

Answer 5

search on codepen