Witam, udało mi się wygooglować i troszkę przerobić ładny suwak:
https://www.w3schools.com/code/tryit.asp?fi...me=FJJ4RPXU5J5Z
W zasadzie działa, ale mam kilka pytań:
1. Czy można ustawić suwak na starcie gdzieś na środku oraz czy może od razu wyświetlać dane na pomarańczowo? (aktualnie suwak zadziała przy pierwszym jego przesunięciu)
2. Jest tam mała lista rozwijana z doborem średnicy, działa ale znowu dopiero gdy ruszę suwakiem, da się jakoś to przyspieszyć?
3. Z funkcji suwaka chciałby wyrzucić jakąś zmienną aby w innym miejscu (do innej funkcji) mógłbym zaciągnąć zwróconą wartość. Chodzi mi o to, że będę miał button który wykonuje pewną funkcję a po jego kliknięciu będę chciał wydrukować wybraną ilość i średnicę pręta (z suwaka).
4. Jak widać w funkcji nie działa mi <sup> i zamiast ładnego cm^2 mam cm2. Czy da się to naprawić?

1. Po środku, zmień value. wartości początkowe http://api.jqueryui.com/slider/#event-create zamiast wewnątrz slide
2.

[HTML] pobierz, plaintext 
$('#fi').on('change', function(e) {
     	$( "#terminal" ).slider( "value", $(this).val() );
     });
[HTML] pobierz, plaintext 

Zajrzyj czasami do konsoli bo masz błędy w kodzie wcześniej
3. Patrz pkt 2 bez ustalenia wartości.

Dzięki za odpowiedź ale co do punktu 2 - nie chodziło mi o to, żeby po zmianie listy suwak się przesuwał (bo suwak oznacza ilość a nie średnice) ale, żeby zmienił mi się tekst u góry (pomarańczowy) z np. 1 # 6 na 1 # 12 (gdzie 6, 12 wybieramy z listy)
Co do punktu 3 - można dokładniej? Bo nie dam sobie z tym rady.

Udało mi się wykonać część zadania:
https://www.w3schools.com/code/tryit.asp?fi...me=FJJ8OQJQU6QG
Tak naprawdę pozostało jeszcze aby wartość fi (to co jest drukowane) zmieniała się jednocześnie z momentem zmiany w liście oraz ten nieszczęsny indeks górny.
Z konsoli wychodzi mi tylko:
Metoda getPreventDefault() jest przestarzała. Należy używać defaultPrevented.
ale nie wiem jak to zmienić.

Edit:
Doszedłem do pytania z indeksem górnym - nie wyświetla indeksu górnego ponieważ jest drukowany w polu input border=0.
Czy da się jakoś wydrukować moje zmienne tak jak w skrypcie js do np. <p id="test">?

Edit2:
Działać, działa. Ale czy jest poprawny?
https://www.w3schools.com/code/tryit.asp?fi...me=FJJVB4QA6QS9