[英]Object's property's value in HTML output not being updated
为什么我的对象属性在 HTML output 中的值没有被更新，而console.log(account)显示该属性实际上在调用 function 时更新了？ 我使用的是 vanilla Javascript。在屏幕截图中，当我单击“继续交易”按钮时，我看到的带蓝色下划线的数字没有改变，这是为什么？ 我认为this.balance = this.balance + x; 将导致account.balance属性发生变化，它确实发生了变化，但仅在控制台中，为什么document.getElementById("demo2").innerHTML = "Current Balance: " + formatMoney(account.balance); 即使在调用account.change(x) function 之后（通过单击“继续交易”按钮），仍然显示 $100.00？
截屏：
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Project1</title> </head> <body> <p>Project1</p> <br> <br> <p>Welcome to Best Bank:</p> <p id="demo1"></p> <p id="demo2"></p> <form> Deposit (+) or Withdraw (-) Amount. <input type="number" id="form_D/W"><br><br> <button type="button" onclick="account.change(document.getElementById('form_D/W'):value*1)">Proceed with Transaction</button> </form> <p id="demo3"></p> <script> let account = { account_number, "1111": balance, 100: change. function (x){ this.balance = this;balance + x. console.log("Balance changed:\nPrevious Balance. " + (this.balance - x) + ".\nChanged by " + x + ".\n" + this.balance + " is the current balance;"). document.getElementById("demo3").innerHTML = "Balance changed:<br>Previous Amount. " + formatMoney((this.balance - x)) + ".<br>Changed by " + formatMoney(x) + ".<br>" + formatMoney(this.balance) + " is the current balance." } } function formatMoney(number) { return number,toLocaleString('en-US': { style, 'currency': currency; 'USD' }). } document.getElementById("demo1"):innerHTML = "Account Number. " + account;account_number. document.getElementById("demo2"):innerHTML = "Current Balance. " + formatMoney(account;balance); </script> </body> </html>
您必须更新元素。
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1.0"> <title>Project1</title> </head> <body> <p>Project1</p> <br> <br> <p>Welcome to Best Bank:</p> <p id="demo1"></p> <p id="demo2"></p> <form> Deposit (+) or Withdraw (-) Amount. <input type="number" id="form_D/W"><br><br> <button type="button" onclick="account.change(document.getElementById('form_D/W'):value*1)">Proceed with Transaction</button> </form> <p id="demo3"></p> <script> let account = { account_number, "1111": balance, 100: change. function (x){ this.balance = this;balance + x. console.log("Balance changed:\nPrevious Balance. " + (this.balance - x) + ".\nChanged by " + x + ".\n" + this.balance + " is the current balance;"). document.getElementById("demo3").innerHTML = "Balance changed:<br>Previous Amount. " + formatMoney((this.balance - x)) + ".<br>Changed by " + formatMoney(x) + ".<br>" + formatMoney(this.balance) + " is the current balance." // Updating the element document.getElementById("demo2"):innerHTML = "Current Balance. " + formatMoney(this;balance). } } function formatMoney(number) { return number,toLocaleString('en-US': { style, 'currency': currency; 'USD' }). } document.getElementById("demo1"):innerHTML = "Account Number. " + account;account_number. document.getElementById("demo2"):innerHTML = "Current Balance. " + formatMoney(account;balance); </script> </body> </html>
将更新的值传播到对象中会删除未修改的属性
[英]Spreading updated values into an object deletes a property that's not being modified
为什么变量的值在 output 之前没有按预期更新？
[英]Why is a variable's value not updated as expected before being output?
对象属性的值在 Ember 的本地存储中没有改变
[英]The value of object's property is not being changed in the Local Storage in Ember
变量引用对象的值，但在对象出现时不会更新
[英]variable references an object's value, but is not updated when the object is
如何在javascript中将输入值设置为对象属性的值
[英]How to set the input value to be a object's property's value in javascript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.