按钮不适用于Web Cookie Clicker游戏

时间:2018-08-26 00:53:16

标签: javascript html css

大约一两个星期前,我发布了一个(漂亮的菜鸟)问题,关于我的饼干答题器游戏的if语句。我现在已经完成了学校为我提供的课程,并且对在这里提出问题感到更加自信。我正在尝试添加自动点击器,但是运气不好,我看了一个教程,但是对我来说太高级了(因为他使用的是id和一些我不理解的DOM东西),但是我很确定这是可能的据我所知。基本上,使用此代码,我试图做到这一点,因此,当您单击按钮时,变量auto click会增加1,然后有一个if语句,说明auto click是否大于0,然后运行auto()函数。 。然后,自动功能需要每秒+1到bikkie(饼干的var),但是当您单击按钮时,什么也没有发生。 (我还需要帮助使函数每秒运行一次)。抱歉,如果真的很长,希望有人能帮忙!

HTML:

Alpha

JS:

<html>

    <head>
<title>Biscuit Clicker</title>  
</head>

    <body background="background.png">
<center>  <br> <br> <br> <br> <br> <br> <big> <h1>Biscuit Clicker</h1> </big>  
<h2><span>0</span> Biscuits</h2>
 <img src="anzac_s.png" width=335px height=300px onClick="count()" onmouseenter="anim()" onmouseleave=minus() alt="Anzac Biscuit" >

</center> 

    <center> <br> <br> <button onClick="addclick()">Buy One Autoclicker</button><br> <button  onClick="save()">Save</button>  <button  onClick="load()">Load</button> <br> 
       </center> 

<script src="count.js"></script>
</body>
</html>
<link rel="stylesheet" type="text/css" href="urmum.css">

CSS:

let bikkie = 0;

let cookieimg = document.querySelector("img")
let autoclick = 0

function count() {
bikkie++;
let sprincount = document.querySelector('span');
    sprincount.textContent = bikkie;

    if (bikkie == 51)  
    alert("Good Job on getting 50 Biscuits!") 

if (bikkie == 101)  
    alert("100? GG") 

if (bikkie == 201)
    alert("good job on 200")

if (bikkie == 301)
    alert("0w0")

if (bikkie == 401)
    alert("gg")

if (bikkie == 501)
    alert("iraq, iran")

if (bikkie == 601)
    alert("0W0")
}



function auto(){
bikkie++
}

function addclick() {
    autoclick + 1
  }

if (autoclick > 0) {
    auto()
}

function save() {
localStorage.setItem("bikkie", bikkie);
  confirm("Are you sure? This will overide all other saves")  
}



function load() {
 let sprincount = document.querySelector('span')
    bikkie = localStorage.getItem("bikkie");
bikkie = parseInt(bikkie);
    sprincount.textContent = bikkie;

}


function anim() {
    cookieimg.style.transform = 'scale(1.2)';

    }

function minus() {
  cookieimg.style.transform = 'scale(1)';


}

也很抱歉,如果这段代码确实很乱/很笨拙,那么我才刚开始。

0 个答案:

没有答案