Рекомендации по JavaScript в Newbee

Я абсолютный новичок в javascript, и у меня есть эти работы на веб-странице.

HTML

<p id="decrease">399.99</p>
 <button type="button" onclick="decrease();">Start Now!</button>

SCRIPT

var i=399.99;

function decrease()
{
i--;
document.getElementById('decrease').innerHTML= +i;
}

Скрипт работает, когда нажимается кнопка, но уменьшается на "1", и мне нужно, чтобы она уменьшалась на 0,25, и мне нужно знак "$" перед номером.

Может кто-нибудь помочь?

Спасибо всем, кто отреагировал на это, отлично не нужны никакие другие ответы, Happy Holidays

4 ответа

var i = 399.99;

function decrease() {
 i -= 0.25;
 document.getElementById('decrease').innerHTML = "$" + i;
}
<p id="decrease">$399.99</p>
 <button type="button" onclick="decrease();">Start Now!</button>


Добавьте "$" в innerHTML:

var i=399.99;

function decrease()
{
 i-=0.25;
 document.getElementById('decrease').innerHTML= '$' + +i;
}

http://jsfiddle.net/jjt5u1dn/2/


Учитывая, что символ $ является презентационным, я бы предложил использовать CSS, а не JavaScript:

#decrease::before {
 content: "$";
}


var i = 399.99;

function decrease() {
 i -= 0.25;
 document.getElementById('decrease').innerHTML = '$'+i;
}
<p id="decrease">$399.99</p>
 <button type="button" onclick="decrease();">Start Now!</button>

licensed under cc by-sa 3.0 with attribution.