简体   繁体   English

按钮不响应 onclick 功能

[英]Buttons not responding to onclick functions

I was creating a clicker game, when I started working on an auto clicker function, and then all my buttons stopped working, I don't know what happened and I am stressing out over lost hours of time.我正在创建一个答题器游戏,当我开始使用自动答题器 function 时,然后我所有的按钮都停止工作了,我不知道发生了什么,我为失去的时间感到压力。 I was trying to create a incremental game for me and my friends to play as a joke.我试图为我和我的朋友们创造一个增量游戏来作为一个玩笑。 Here is the code:这是代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>replit</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="script.js">
  
    </script>

<div class="tickets">
  <button type="button" onClick="onClick()" class="getATicket"><a id="tickets"> 0 Tickets </a></button>
</div>

<button type="button" onClick="onBuy()" class="buyATacobellEmployee"> Buy A Tacobell Employee To Watch Mikey Mayhem With You || Gives 1 Ticket A Click: 20</button>

<button type="button" onClick="onBuy2()" class="buyRonaldMcDonald"> Buy Ronald McDonald To Watch Mikey Mayhem With You || Gives 5 Tickets A Click: 100</button>

<button type="button" onClick="onGet2()" class="getObamaLastname"> Find Out What Obama's Last Name Is || Gives 500 Tickets A Second: 500,000 </button>

<button type="button" onClick="onGet3()" class="buyMikeyMayhem"> Become Friends With Mikey Mayhem  || Gives 1,000 Tickets A Second: 1,000,000 </button>

<!-- vip tickets -->
<div class="tacocounter">
  <span class="tacotickets"> You have <a id="tacotickets"> 0 TacoTickets </a> || Cost: <a id="tacoticketworth"> 1000000000 Tickets</a></span>
</div>

<button class="buytaco1" onClick="buyTaco1()"> Buy 1 TacoTicket </button>

<button class="buytaco10" onClick="buyTaco10()"> Buy 10 TacoTickets </button>

<button class="buytaco100" onClick="buyTaco100()"> Buy 100 TacoTickets </button>

<!-- TacoTicket Powerups -->
<button class="autoclicker" id="autoclicker" onClick="autoclicker()"><a id="autoclickertext"> Get an AutoClicker || 1,000 TacoTickets</a></button>

<!-- Other stuff -->
<button type="button" onClick="giveTickets()" class="devTools" id="devTools">Free 1,000 Tickets</button> 

<span class="ticketsPerClick"> <a id="ticketsPerClick"> Tickets Per A Click: 1 </a></span>

<span class="ticketsPerSecond"> <a id="ticketsPerSecond"> Tickets Per A Second: 0 </a></span>
  </body>
</html>

Javascript: Javascript:

function getRandomInt(max) {
  return Math.floor(Math.random() * max);
}

var tickets = 0;
var tacotickets= 0;
var tacoticketworth = 1000000000;
var ticketsPerClick = 1;
var ticketsPerSecond = 0;
var autoClickerTime = [null, 5000, 3000, 1000, 300];
var autoclickertext = ["Get an AutoClicker || 1,000 TacoTickets || 1 Click per 5 Seconds", 
"Upgrade AutoClicker || 5,000 TacoTickets || 1 Click per 3 Seconds", "Upgrade AutoClicker || 
10,000 TacoTickets || 1 Click per 1 Second", "Upgrade AutoClicker || 100,000 TacoTickets || 3 
Clicks per 1 Second", "Maxed Out AutoClicker"];
var autoclickercosts = [1000, 5000, 10000, 100000, null];
var whichAutoClicker = 0;

// tickets per second interval
setInterval(function() {
    tickets += ticketsPerSecond;
    document.getElementById("tickets").innerText = tickets + " Tickets"; 
}, 1000);

// taco tickets change
setInterval(function(){
   var tacoticketworthchange = getRandomInt(2000000) - 1000000; // "- 10000" is for getting 
negative numbers
  tacoticketworth += tacoticketworthchange;
  document.getElementById("tacoticketworth").innerHTML = tacoticketworth + " Tickets";
}, 60000);

// auto clicker
setInterval(function(){
  tickets += ticketsPerClick;
  document.getElementById("tickets").innerText = tickets + " Tickets"; 
} autoClickerTime[whichAutoClicker]);

// on ticket click
function onClick() {
  tickets += ticketsPerClick;
  document.getElementById("tickets").innerHTML = tickets + " Tickets";
};

// all the tickets per click buttons
function onBuy() {
  if(tickets > 9){
    ticketsPerClick += 1;
    tickets = tickets - 20;
    document.getElementById("tickets").innerHTML = tickets + " Tickets";
    document.getElementById("ticketsPerClick").innerHTML = "Tickets Per A Click: " + 
ticketsPerClick;
  }else {
    alert("You cant afford that")
  }
}

function onBuy2() {
  if(tickets > 49){
    ticketsPerClick += 5;
    tickets = tickets - 100;
    document.getElementById("tickets").innerHTML = tickets + " Tickets";
    document.getElementById("ticketsPerClick").innerHTML = "Tickets Per A Click: " +             
ticketsPerClick;
  }else {
    alert("You cant afford that")
  }
}

// buy taco tickets
function buyTaco1() {
  if(tickets > tacoticketworth - 1){
    tacotickets += 1;
    tickets -= tacoticketworth;
    document.getElementById("tickets").innerHTML = tickets + " Tickets";
    document.getElementById("tacotickets").innerHTML = tacotickets + " TacoTickets";
  }else {
    alert("You cant afford that")
  }
}

function buyTaco10() {
  if(tickets > (tacoticketworth*10) - 1){
    tacotickets += 10;
    tickets -= tacoticketworth*10;
    document.getElementById("tickets").innerHTML = tickets + " Tickets";
    document.getElementById("tacotickets").innerHTML = tacotickets + " TacoTickets";
  }else {
    alert("You cant afford that")
  }
}

function buyTaco100() {
  if(tickets > (tacoticketworth*100) - 1){
    tacotickets += 100;
    tickets -= tacoticketworth*100;
    document.getElementById("tickets").innerHTML = tickets + " Tickets";
    document.getElementById("tacotickets").innerHTML = tacotickets + " TacoTickets";
  }else {
    alert("You cant afford that")
  }
}


}

// autoclicker
function autoclicker() {
  if(tacotickets > autoclickercosts[whichAutoClicker]){
    whichAutoClicker += 1;
    document.getElementById("autoclickertext").innerHTML = autoclickertext[whichAutoClicker];
    if(whichAutoClicker == 4){
      document.getElementById("autoclicker").disabled = true;
    }
  }
} 


// free 1000 tickets
function giveTickets() {
  tickets += 100000000000;
  document.getElementById("tickets").innerHTML = tickets + " Tickets";
  var devTools = document.getElementById("devTools");
  devTools.disabled = true;
}

Your code is pretty dense but at one thing I could figure out from the error is that you missed a comma between two arguments at line 36.您的代码非常密集,但我可以从错误中发现一件事是您在第 36 行错过了两个 arguments 之间的逗号。

You currently have你目前有

// auto clicker
setInterval(function(){
  tickets += ticketsPerClick;
  document.getElementById("tickets").innerText = tickets + " Tickets"; 
} autoClickerTime[whichAutoClicker]);

Which should be应该是哪个

// auto clicker
setInterval(function(){
  tickets += ticketsPerClick;
  document.getElementById("tickets").innerText = tickets + " Tickets"; 
}, autoClickerTime[whichAutoClicker]);

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM