更新全局变量的JavaScript_Javascript_Html_Variables_Global_Updating

更新全局变量的JavaScript

javascript html variables

更新全局变量的JavaScript,javascript,html,variables,global,updating,Javascript,Html,Variables,Global,Updating,我目前在Javascript方面不是最有经验的，我正在努力一点一点地学习。无论如何如何更有效地更新平衡变量目前我认为我做错了。此外，我的按钮在单击事件上不起作用任何事都能帮上大忙！多谢各位 // Set global variables var name; var balance; var weed; // Ask the user his name for his character name = window.prompt("What is your name?", "Cap'n Gr

我目前在Javascript方面不是最有经验的，我正在努力一点一点地学习。无论如何如何更有效地更新平衡变量

目前我认为我做错了。此外，我的按钮在单击事件上不起作用

任何事都能帮上大忙！多谢各位

// Set global variables
var name;
var balance;
var weed;

// Ask the user his name for his character
name = window.prompt("What is your name?", "Cap'n Grow");
var finalName = document.getElementById('name');
finalName.textContent = name;


// Set the balance to default
balance = 100;
var FinalBalance = document.getElementById('balance');
FinalBalance.textContent = balance;

// Set the balance of weed to default 
weed = 10;
var FinalWeed = document.getElementById('gear');
FinalWeed.textContent = weed;

// Sell function
function sellGear() {
    var check = window.prompt("Are you sure you want to sell 5 bags?", "Yes");
    if (check === 'Yes' && weed >= 5) {
        console.log("Transaction was successful!");
        // Update the balance
        var updBalance = document.getElementById('balance');
        updBalance.textContent = balance + 150;
    } else {
        console.log("Failed!")
    }
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <div id="container">
            <header>
                <div class="dashboard">
                    <div id="name"></div>
                    <div id="balance"></div>
                    <div id="gear"></div>
                    <div id="sell">
                        <button id="sellButton" onlick="sellGear()">Sell?</button>
                    </div>
                </div>
            </header>
        </div>
    </body>
    <script src="js/global.js"></script>
</html>

//设置全局变量
变量名；
var余额；
变种杂草；
//向用户询问其姓名以了解其角色
name=window.prompt（“你叫什么名字？”，“Cap'n Grow”）；
var finalName=document.getElementById（'name'）；
finalName.textContent=名称；
//将余额设置为默认值
余额=100；
var FinalBalance=document.getElementById（“余额”）；
FinalBalance.textContent=余额；
//将杂草的余额设置为默认值
杂草=10；
var FinalWeed=document.getElementById（'gear'）；
FinalWeed.textContent=杂草；
//销售功能
函数sellGear（）{
var check=window.prompt（“您确定要卖5包吗？”，“是”）；
如果（检查=='Yes'&&weed>=5）{
log（“事务已成功！”）；
//更新余额
var updBalance=document.getElementById（'balance'）；
updBalance.textContent=余额+150；
}否则{
console.log（“失败！”）
}
}
卖

以下是解决方案和建议：尝试在HTML的末尾使用java脚本代码

<html lang="en">
    <head>
        <title></title>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <div id="container">
            <header>
                <div class="dashboard">
                    <div id="name"></div>
                    <div id="balance"></div>
                    <div id="gear"></div>
                    <div id="sell">
                        <button id="sellButton" onclick="return sellGear();">Sell?</button>
                    </div>
                </div>
            </header>
        </div>
    </body>
    <script src="js/global.js"></script>
</html>

<SCRIPT>
// Set global variables
var name;
var balance;
var weed;

// Ask the user his name for his character
var name = window.prompt("What is your name?", "Cap'n Grow");
var finalName = document.getElementById('name');
finalName.textContent = name;

// Set the balance to default
var balance = 100;
var FinalBalance = document.getElementById('balance');
FinalBalance.textContent = balance;

var weed = 10;
var FinalWeed = document.getElementById('gear');
FinalWeed.textContent = weed;

// Sell function
function sellGear() {
  var check = window.prompt("Are you sure you want to sell 5 bags?", "Yes");
    if (check === 'Yes' && weed >= 5) {
        console.log("Transaction was successful!");
        // Update the balance
        var updBalance = document.getElementById('balance');
        updBalance.textContent = balance + 150;
    } else {
        console.log("Failed!")
    }
}
</SCRIPT>


卖
//设置全局变量
变量名；
var余额；
变种杂草；
//向用户询问其姓名以了解其角色
var name=window.prompt（“你叫什么名字？”，“Cap'n Grow”）；
var finalName=document.getElementById（'name'）；
finalName.textContent=名称；
//将余额设置为默认值
var余额=100；
var FinalBalance=document.getElementById（“余额”）；
FinalBalance.textContent=余额；
var=10；
var FinalWeed=document.getElementById（'gear'）；
FinalWeed.textContent=杂草；
//销售功能
函数sellGear（）{
var check=window.prompt（“您确定要卖5包吗？”，“是”）；
如果（检查=='Yes'&&weed>=5）{
log（“事务已成功！”）；
//更新余额
var updBalance=document.getElementById（'balance'）；
updBalance.textContent=余额+150；
}否则{
console.log（“失败！”）
}
}

应该是

onclick

而不是

onclick

，但是，现在，当我单击手机时，没有任何事件：（onlick lol you make my day.我还假设你的JavaScript代码在

标签中，你与HTML一起发布用于演示，对吗？或者你的文件看起来像这样吗？+1，因为你的除草脚本让我笑得太厉害了。我喜欢它。lol我现在已经修复了它。但一旦我点击了销售，我也会将其扣除并更新-5个。）时间。但是我不能再低了。javascript文件是独立的，是的，它不在脚本标签中。在我的sell函数中，我的balance=balance=50；但是当我按下sell时，这不会增加我的余额，为什么？谢谢你使用“onlick”而不是“onclick”sell？：）我很高兴能帮助你。。