2016-08-18 3 views
-5

приращением 0,1 JavaScriptприращением на 0,1 Javascript

function img1_min_w(){ 
 
var x = document.getElementById("val_img1_l").value++; 
 
}
<input type="button" onclick="img1_min_w()" value="+"> 
 

 
<output id="val_img1_l">1</output> 
 
    <p> i want incrementing by 0.1;</p> 
 

+1

Так? В чем проблема? '++' увеличивается на 1, вы должны добавить 0.1 самостоятельно. – tkausl

+0

он увеличивается на 1, я хочу увеличивать на 0,1 –

ответ

1

function addValue() { 
 
    const ADD_VALUE = 0.1; 
 
    let element = document.getElementById("target"); 
 
    let value = parseFloat(element.innerHTML); 
 
    
 
    element.innerHTML = parseFloat(value + ADD_VALUE).toFixed(1); 
 
}
button { 
 
    height: 32px; 
 
    width: 64px; 
 
    background-color: red; 
 
}
<div> 
 
    <button onClick='addValue();'>Add</button> 
 
</div> 
 
<div id="target">1</div>

+0

Я хочу с кнопкой pleas –

+0

Попробуйте использовать divs вместо тег, так как он не сработает правильно – MiGu3X

+0

, пожалуйста, скрытый ответ с шагом кнопки –

0

document.getElementById("val_img1_l").value += 0.1;

Edit: это определенно не так. Смотрите комментарии :)

+0

, он не работает –

+0

@JackKing его ответ правильный. По мере того, как вы спрашивали, он увеличивается на 0,1. Возможно, ваша проблема в другом месте? «он не работает» на самом деле ничего не говорит –

+2

@DylanMeeus Это не работает. Это может только «0,1» для текущего значения. –

2

Возможно

var val = parseFloat(document.getElementById("val_img1_l").innerHTML); 
document.getElementById("val_img1_l").innerHTML = parseFloat(val + 0.1).toFixed(1); 
// for 1 decimal value... change number for more 
+0

no working for me –

+0

Выполнение этого '(val + 0.1) .toFixed (1)' в конце будет лучше выглядеть. Но он отлично работает. –

+0

Попробуйте еще раз, я изменил его на innerHTML вместо .value, так как .value возвращает Not Number (вы получаете доступ к узлу DOM) – MiGu3X