Есть скрипт с формулой

var inpVal=document.getElementById("inpVal").value;
var inpVal2=document.getElementById("inpVal2").value;

Значения выбираются ползунком 

 <input type="range" min="1" max="31" step="1" value="1" id="inpVal2" onchange="outputUpdate2(value)">

<output for=srok id=srok>1</output>

как применить <style> который применяется как id="rangeten" 

Используется id="inpVal2" или id="rangeten" но не вместе как мне нужно =)

А классами оперировать нельзя чтоли?

Прописан <style>.....</style>   как применить его к 

 <input type="range" min="1" max="31" step="1" value="1" id="inpVal2" onchange="outputUpdate2(value)">

<output for=srok id=srok>1</output>

Как именно использовать классы?

у тебя css типа что ли такие?

#rangeten {

   color: red;

}

тогда тупо 

#rangeten, inpVal2 {

   color: red;

}

Или не так?

2 варианта -

1.В стайл прописываешь дополнительный класс

<style>#rangeten, .inputRangeTen{color: red;}</style>

и инпату аналогично даешь этот класс
<input type="range" min="1" max="31" step="1" value="1" id="inpVal2" сlass="inputRangeTen" onchange="outputUpdate2(value)">

2. Переназначаешь стайл вот так

<style>.rangeten{color: red;}</style>

А инпату даешь класс вот такой
<input type="range" min="1" max="31" step="1" value="1" id="inpVal2" сlass="rangeten" onchange="outputUpdate2(value)"> 

Но это какой-то дошкольный курс html, чет как-то све настолько чтоли плохо?