Вопрос:

increment float number with javascript

javascript html

352 просмотра

2 ответа

111 Репутация автора

i want button (+) to increment 0.3 and (-) discrement by 0.3 with range

function move1(){
	var x1l = document.getElementById("imjv1l").value;

    document.getElementById('val_img1_l').value=x1l; 
}
<input type="range" min="0" max="100" value="50" step="0.1" style="width:100%;" oninput="move1(this.value)" id="imjv1l">
<output id="val_img1_l">50</output><br>
<input type="button" value="+"><input type="button" value="-">

Автор: Jack King Источник Размещён: 22.08.2016 08:39

Ответы (2)


2 плюса

755 Репутация автора

Решение

    function increment(plusMinus) {
        var x1l = parseFloat(document.getElementById("imjv1l").value);
        x1l += plusMinus * 0.3;
        x1l = x1l.toFixed(2)
        document.getElementById("imjv1l").value=x1l;
        document.getElementById("val_img1_l").value=x1l;

    }

    function move1(){
    	var x1l = document.getElementById("imjv1l").value;

        document.getElementById('val_img1_l').value=x1l; 
    }
	
    <input type="range" min="0" max="100" value="50" step="0.1" style="width:100%;" oninput="move1(this.value)" id="imjv1l">
    <output id="val_img1_l">50</output><br>
    <input type="button" value="+" onclick="increment(1)"><input type="button" value="-" onclick="increment(-1)">	

5

Автор: tata.leona Размещён: 22.08.2016 09:22

0 плюса

11 Репутация автора

function move1(){
	var x1l = Number(document.getElementById("imjv1l").value);
    x1l += 0.3;
    document.getElementById('val_img1_l').value=x1l; 
}

function applyDelta(shouldIncrease){
   var delta = (shouldIncrease) ? 0.3 : -0.3;
   document.getElementById("imjv1l").value = Number(document.getElementById("imjv1l").value) + delta;
  move1();
}
<input type="range" min="0" max="100" value="50" step="0.3" style="width:100%;" oninput="move1(this.value)" id="imjv1l">
<output id="val_img1_l">50</output><br>
<input type="button" value="+" onclick="applyDelta(true)"><input type="button" value="-" onclick="applyDelta(false)">

Автор: Matt Размещён: 22.08.2016 09:27
Вопросы из категории :
32x32