如何在離子中顯示JS的跨度

Question

我已經試過這麼多隻是爲了顯示離子中的簡單變量，它不工作？誰能告訴我什麼是錯的？

我已經在代碼片段中顯示了這兩種方式...並且對於我的生活我無法弄清楚我做錯了什麼？

localforage.setItem('milk', '0.0', callbackFunction); 
 

 
var coffee = localStorage.getItem("coffee") ? localStorage.getItem("coffee") : 0.0; 
 

 
function milkIt(){ 
 
    milk = milk += 1; 
 
} 
 

 
function coffeeIt(){ 
 
    coffee = coffee += 1; 
 
    document.getElementById("coffee").innerHTML = coffee; 
 

 
} 
 

 
var coffee = localStorage.getItem("coffee") ? localStorage.getItem("coffee") : 0.0; 
 
var totalCoffee = localStorage.getItem("totalCoffee") ? localStorage.getItem("totalCoffee") : 0.0; 
 

 
var coffeePs = localStorage.getItem("coffeePs") ? localStorage.getItem("coffeePs") : 0; 
 
var cookRate = localStorage.getItem("cookRate") ? localStorage.getItem("cookRate") : 1.0; 
 

 
$("#coffeeButton").click(function(e) { 
 

 
    var obj = $("#clone").clone(); 
 
    var img = $("#myImg").clone(); 
 

 
    $("body").append(obj); 
 
    $("body").append(img); 
 

 
    obj.html("+"+ cookRate); 
 
    coffee += cookRate; 
 
    totalCoffee += cookRate; 
 
    document.getElementById("coffee").innerHTML = prettify(coffee); 
 
    document.getElementById("totalCoffee").innerHTML = prettify(totalCoffee); 
 

 
    obj.css('position','absolute'); 
 
    obj.css('z-index', '2'); 
 
    img.css('position','absolute'); 
 
    img.show(); 
 

 
    obj.offset({left: e.pageX-10, top: e.pageY-80}); 
 
    img.offset({left: e.pageX-10, top: e.pageY-50}); 
 

 
    obj.animate({"top": "-=80px"}, 1000, "linear", function() { 
 
     $(this).remove(); 
 
    }); 
 
    img.animate({"top": "-=80px"}, 1000, "linear", function() { 
 
     $(this).remove(); 
 
    }); 
 

 
});

.button{ 
 
\t display: block; 
 
} 
 

 
#coffeeButton{ 
 
\t cursor: pointer; cursor: hand; background: #5EFF8F; border-radius: 7px; margin: 5px; padding: 20px; font: bold 30px Tahoma; text-align: left; 
 
\t -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -user-select: none; 
 
} 
 
#clone{ 
 
\t font-size: 1.5em; 
 
\t font-weight: bold; 
 
\t color: white; 
 
\t -webkit-touch-callout: none; 
 
\t -webkit-user-select: none; 
 
\t -moz-user-select: none; 
 
\t -ms-user-select: none; 
 
\t -user-select: none; 
 

 
}

<div class = "col"> 
 
    Milk = <span id = "milk">0.0</span> 
 

 
</div> 
 

 
<div class = "col"> 
 
    Coffee = <span id = "coffee">0.0</span> 
 
</div> 
 

 

 
<div class = "row"> 
 
    <div class = "col"><button on-tap="milkIt()" class="button button-balanced button-block button-large">Milk Cow</button></div> 
 
    <div class = "col"><button on-tap="coffeeIt()" class="button button-assertive button-block button-large">Sell Milk</button></div> 
 
      
 
</div> 
 

 

 
<div id = "coffeeButton">Make Coffee <br /><span id = "cookRate">1</span> Per Click</div>Coffee = <span id = "coffee">0.0</span>

Answer 1

從頂部開始：

localforage.setItem('milk', '0.0', callbackFunction); 

callbackFunction參數不被任何定義。

milk = milk += 1; 

「milk + = 1;」與「牛奶=牛奶+ 1」相同，所以你的意思是「牛奶=牛奶=牛奶+ 1」;

var coffee = localStorage.getItem("coffee") ? localStorage.getItem("coffee") : 0.0; 

該行重複。您只能定義一次變量。這應該是totalCoffee？

停在那裏。祝你好運。