[英]Buttons not responding to onclick functions
我正在创建一个答题器游戏,当我开始使用自动答题器 function 时,然后我所有的按钮都停止工作了,我不知道发生了什么,我为失去的时间感到压力。 我试图为我和我的朋友们创造一个增量游戏来作为一个玩笑。 这是代码:
<!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:
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;
}
您的代码非常密集,但我可以从错误中发现一件事是您在第 36 行错过了两个 arguments 之间的逗号。
你目前有
// auto clicker
setInterval(function(){
tickets += ticketsPerClick;
document.getElementById("tickets").innerText = tickets + " Tickets";
} autoClickerTime[whichAutoClicker]);
应该是哪个
// auto clicker
setInterval(function(){
tickets += ticketsPerClick;
document.getElementById("tickets").innerText = tickets + " Tickets";
}, autoClickerTime[whichAutoClicker]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.