如何使用HTML中输入的数据并将其应用于Javascript中的变量_Javascript

如何使用HTML中输入的数据并将其应用于Javascript中的变量

javascript

如何使用HTML中输入的数据并将其应用于Javascript中的变量,javascript,Javascript,我正在尝试制作一个基本的钱包程序，上面会列出我当前的价值。无论表格中的数字是多少，都会被提交，然后有希望将总数重新调整到新的数量。相当直截了当，我觉得我离得很近，但我就是不知道缺少了什么它似乎不是从第一次输入中获取数据并通过函数运行，也许我需要一个操作？我尝试过行动，甚至使用新的currentCash，但它不起作用。。。我真的需要一些帮助。非常感谢 <html> <head> <title>My Wallet</title

我正在尝试制作一个基本的钱包程序，上面会列出我当前的价值。无论表格中的数字是多少，都会被提交，然后有希望将总数重新调整到新的数量。相当直截了当，我觉得我离得很近，但我就是不知道缺少了什么

它似乎不是从第一次输入中获取数据并通过函数运行，也许我需要一个操作？我尝试过行动，甚至使用新的currentCash，但它不起作用。。。我真的需要一些帮助。非常感谢

     <html>
     <head> 
    <title>My Wallet</title>
<script type="text/javascript">
   currentCash = 40000;

  function deductFromTotal(){

  var spent = document.getElementById("money_spent");
 currentCash -= spent;
    return currentCash; } 
 </script>
</head>

    <body>
  <h2>Current total is: <script type="text/javascript">
    document.write(currentCash);
    </script> </h2>

  <input type="amount" size= 25 Placeholder="How much did you spend today?" ID="money_spent" >       
  <input type="button" value= "confirm" onClick="deductFromTotal()">

    </body>
    </html>

我已经修改了你的问题并试图解决你的问题。希望如此帮助

您没有获取输入的值

如果您正在使用document.write，则应选择元素并更改文本内容

您应该使用let、var或const语句来声明变量是采用的良好实践您还应该检查输入的值是否为number，否则返回NaN 让currentCash=40000；从总计中扣除的函数{ var-spend=document.getElementByIdmoney\u-spend.value； //检查输入值是否为数字如果是NannumbersPent{ 控制台。仅适用于日志号 }否则{ //currentCash=当前现金-已用；当前现金-=已支出； //给你的h2一个id，然后使用getElementById，更好 document.querySelectorh2.textContent=`当前总额为：${currentCash}`； } } //从总数中扣除；我的钱包目前的总数是：

您有一个未声明的变量。当前现金-=花费的金钱；

在将代码发布到stackoverflow之前，您确实需要更好地检查您的代码，否则社区会将其保留给您。

我理解，感谢您的建设性批评，我从一周前开始学习编码，现在正在使用一些在线免费资源。不过，我承认有很多我不知道的地方，并期待着从其他愿意伸出援助之手的程序员那里学习。谢谢，我发现我犯了一个新手错误，没有.value！我现在明白了！我想知道的一件事是，程序是否有办法记住新的当前值？我试过两次，很明显它是从原始值开始的。

<html>
<head> 
<title>My Wallet</title>
</head>
<body>
    <h2>Current total is: <span id="result">40000</span> </h2>
    <input type="amount" size= 25 Placeholder="How much did you spend today?" id="money_spent" >       
    <input type="button" value= "confirm" onClick="deductFromTotal()">

<script type="text/javascript">
var currentCash = 40000;

function deductFromTotal(){

var spent = document.getElementById("money_spent").value;
document.getElementById('result').innerHTML = currentCash - spent; 
} 
</script>
</body>
</html>