-2
最近私はクリッカーゲームを始めました。
突然、私のクリックボタンが機能しなくなりました。
コードはわずか150行です。シンプルなHTMLクリッカーゲームは若干の改善が必要
私は非常にHTMLに新しいので、私は別のことをすることができます参照してください私に教えてください。
編集：最後の行から名前が削除されました。
<!DOCTYPE html>
<html>
<head>
<title>Licking Simulator</title>
<style>
.whiteButton {
background-color: #4CAF50;
border: none;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.maroonButton {
background-color: #4CAF50;
border: none;
color: maroon;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.blueButton{
background-color: #4CAF50;
border: none;
color: blue;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.greenButton{
background-color: #4CAF50;
border: none;
color: green;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
\t
\t <button onClick="onClick()">Lick</button>
\t <h3>Tacos: <span id="tacos">0</span></h3>
\t <hr />
\t <h2>Upgrades</h2>
\t <h3><button onClick="buyExtraTongue()">Extra Tongue</button>Cost: <span id ="extraTongueCostText">25</span> +1 Taco/Lick</h3>
\t <h3><button onClick="buyAutoLicker()">AutoLicker</button>Cost: <span id="autoLickerCostText">200</span> 1 Taco/Sec</h3>
\t
\t
\t
\t <script>
\t var tacos = 0;
\t var tacosOnClick = 1;
\t
\t function onClick() {
\t tacos += tacosOnClick;
\t document.getElementById("tacos").innerHTML = tacos;
\t }
\t
\t
\t var extraTongueBaseCost = 25;
\t var extraTongueCost = 25;
\t var numberOfExtraTongues = 0;
\t function buyExtraTongue() {
\t if (tacos >= extraTongueCost) {
\t tacosOnClick += 1;
\t tacos -= extraTongueCost;
\t numberOfExtraTongues += 1;
\t extraTongueCost = Math.pow(1.15, numberOfExtraTongues) * extraTongueBaseCost;
\t document.getElementById("extraTongueCostText").innerHTML = extraTongueCost; \t
\t }
\t }
\t
\t
\t var autoLickerBaseCost 200;
\t var autoLickerCost;
\t var numberOfAutoLickers 0;
\t
\t function buyAutoLicker{
\t if (tacos >= 200){
\t tacos -= autoLickerCost;
\t autoLickers += 1;
\t autoLickerCost = Math.pow(1.15, numberOfAutoLickers) * autoLickerBaseCost;
\t document.getElementById("autoLickerCostText").innerHTML = autoLickerCost; \t
\t }
\t } \t
\t
\t setInterval(function(){
\t tacos += numberOfAutoLickers;
\t }, 1000)
\t
\t
\t
\t
\t
\t
\t </script>
\t
\t
\t
\t
\t <button class ="whiteButton" type ="button" onClick="bgWhite()">White</button>
<button class="maroonButton" type ="button" onClick="bgMaroon()">Maroon</button>
<button class ="blueButton" type ="button" onClick="bgBlue()">Blue</button>
<button class ="greenButton" type ="button" onClick="bgGreen()">Green</button>
<script type="text/javascript">
function bgWhite() {
document.body.style.backgroundColor = "white";
}
function bgMaroon() {
document.body.style.backgroundColor = "maroon";
}
function bgBlue() {
document.body.style.backgroundColor = "blue";
}
function bgGreen() {
document.body.style.backgroundColor = "green";
}
</script>
\t
\t
\t
\t
\t
\t
\t
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <br />
\t <h6>�2016 Name removed.</h6>
</body>
</html>
は、あなたが正しいと答えをマークでした。..
...といくつかの括弧：ああ、あなたは別の等号は、この行に署名不足していますあなたの問題を解決しましたか？ – Julian