jQuery和JavaScript不在HTML中顯示

Question

當我添加一行代碼時，我正在開發一個jQuery Clicker游戲，突然我所有的javascript都停止在我的html中顯示，但是我瀏覽了所有代碼，這似乎是正確的。

$(document).ready(function() {

var credits = 0;
var creditstarter = 1;
var hanzounlocked = 0;
var hanzocost = 100;
var numsonicarrow = 0;
var sonicarrowcost = 50;
var numscatterarrow = 0;
var scatterarrowcost = 280;
var numdragonstrike = 0;
var dragonstrikecost = 1000;
var junkratunlocked = 0;
var junkratcost = 4500;
var numtrap = 0;
var trapcost = 5000;
var numconcussionmine = 0;
var concussionminecost = 8000;
var numriptire = 0;
var riptirecost = 16000;
var tracerunlocked = 0;
var tracercost = 50000;
var numblink = 0;
var blinkcost = 15000;
var numrecall = 0;
var recallcost = 40000;
var numpulsebomb = 0;
var pulsebombcost = 100000;
var dvaunlocked = 0;
var dvacost = 400000;
var numdefencematrix = 0;
var defencematrixcost = 100000;
var nummicromissiles = 0;
var micromissilescost = 185000;
var numselfdestruct = 0;
var selfdestructcost = 900000;

$('#openlootbox').on('click', function () {
 credits = credits + creditstarter + numdragonstrike + numriptire + 
numpulsebomb + numselfdestruct;
});

$('#hanzo').on('click', function (){
  hanzounlocked++;

  credits -= hanzocost;

}); 
$('#sonicarrow').on('click', function () {
   numsonicarrow++;
   credits -= sonicarrowcost;
   sonicarrowcost = Math.ceil(sonicarrowcost * 1.2);
});


$('#scatterarrow').on('click', function () {
   numscatterarrow++;
   credits -= scatterarrowcost;
   scatterarrowcost = Math.ceil(scatterarrowcost * 1.2);
});

$('#dragonstrike').on('click', function() {
  numdragonstrike++;
credits -= dragonstrikecost;
dragonstrikecost = Math.ceil(dragonstrikecost * 1.2);
});

window.setInterval(function () {

  if(hanzounlocked > 0){
 $('#hanzo').prop('disabled', true);
 $('#scatterarrow').prop('disabled', false);
 $('#sonicarrow').prop('disabled', false);
 $('#dragonstrike').prop('disabled', false);
}

    if(hanzounlocked === 0){
 $('#sonicarrow').prop('disabled', true);
 $('#hanzo').prop('disabled', false);
 $('#dragonstrike').prop('disabled', true);
 $('#scatterarrow').prop('disabled', true);
}

if(credits < hanzocost){
 $('#hanzo').prop('disabled', true);
}

if(credits < scatterarrowcost){
 $('#scatterarrow').prop('disabled', true);
}

if(credits < sonicarrowcost){
 $('#sonicarrow').prop('disabled', true);
}

if(credits < dragonstrikecost){
 $('#dragonstrike').prop('disabled', true);
}

//Update the text showing how many coins you have and round down
$('#credits').text(Math.floor(credits));



credits += (numsonicarrow * 1 / 100);

 //scatterarrow adds 5 per second (5/100 every 10ms)
credits += (numscatterarrow * 5 / 100);
credits += (numconcussionmine * 15 / 100); 
credits += (numtrap * 50 / 100);
credits += (numblink * 150 / 100);
credits += (numrecall * 390 / 100);
credits += (numdefencematrix * 1170 / 100);
credits += (nummicriomissiles * 3120 / 100);


});
});

現在是HTML。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>OW Clicker</title>
  <link rel="stylesheet" href="clicker.css" type="text/css">
  <script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js">
</script>
  <script type="text/javascript" src="newgame.js"></script>
  <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?
family=Luckiest+Guy" />
 <style type="text/css">
  </style>

<body>

  <button id="openlootbox"></button>
  <button id="hanzo"></button>
  <button id="sonicarrow"></button>
  <button id="scatterarrow"></button>
  <button id="dragonstrike"></button>

 </body>
</html>

我知道我可能將這個問題的格式設置為錯誤，但是我真的不明白為什么我的按鈕沒有顯示在.text函數中。 任何幫助或建議，將不勝感激。 謝謝。

Answer 1

nummicromissiles拼寫為nummicriomissiles 。 您可以通過按f12鍵打開控制台，以打開瀏覽器開發工具。
這里是一個id的元素credits所以$('#credits').text(Math.floor(credits)); 什么都不做。

jQuery和JavaScript不在HTML中顯示

問題描述

1 個解決方案

解決方案1
0 2018-01-06 02:55:02

jQuery和JavaScript不在HTML中顯示

問題描述

1 個解決方案

解決方案1 0 2018-01-06 02:55:02

解決方案1
0 2018-01-06 02:55:02