Newbee JavaScript建议

时间:2014-12-25 21:38:10

标签: javascript html

我是javascript的绝对新手,我将这些工作放在网页上。

HTML

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

SCRIPT

var i=399.99;

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

单击按钮时脚本可以正常工作,但是按下&#34; 1&#34;我需要减少0.25,我需要一个&#34; $&#34;在号码前签名。

有人可以帮忙吗?

感谢所有回应它的人完全无需任何其他答案,祝你节日快乐

4 个答案:

答案 0 :(得分:4)

&#13;
&#13;
var i = 399.99;

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

答案 1 :(得分:0)

&#13;
&#13;
var i = 399.99;

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

答案 2 :(得分:0)

添加&#34; $&#34;到innerHTML:

var i=399.99;

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

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

答案 3 :(得分:0)

鉴于$字符是表现性的,我建议使用CSS而不是JavaScript:

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