gpt4 book ai didi

javascript - 无法正确显示号码

转载 作者:行者123 更新时间:2023-11-27 22:30:48 25 4
gpt4 key购买 nike

我正在开发一个资金管理项目。有一个输入框,您必须在其中输入您的收入。每当我输入号码并单击“输入”时,该号码就会出现在侧面,但是当我添加另一个号码时,它不会正确相加。

HTML

<!DOCTYPE html>
<html>
<head>
<!-- Edit title -->
<title>Banking App</title>
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div class="main">

<header>
<h1>Bank Account Manager</h1>
</header>

<div class="displayInfo">
<div class="displayBalance">
<h2 class="displayBalanceTag">Balance: <span class="displayBalanceNumber"></span></h2>
</div>
</div>
<div class="inputInfo">
<center>
<input type="text" name="earned" placeholder="How Much Have You Earned?" class="earned">
<input type="text" name="spent" placeholder="How Much Have You Spent?" class="spent">
</center>
</div>

</div>

<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<!-- Main.js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>

JS

// VARIABLES
var balance; //stores users balance
var earnings; //stores users earnings

var earned = $(".earned"); //input users earnings
var spent = $(".spent"); //input users spendings
var displayBalanceNumber = $(".displayBalanceNumber"); //displays users balance

// START
$("document").ready(function () {
balance = 0;

init();
})

// INIT
function init() {
reset(); //resets everything
$(earned).bind("keypress", addEarnings);
}

function addEarnings(e) {
//check for keycode 13 ( enter key )
if(e.which === 13) {
earnings = $(this).val(); //get value from input
balance = balance + earnings;
displayBalanceNumber.html(balance);
displayBalanceNumber.html(balance);
}
}

// RESET
function reset() {
displayBalanceNumber.html(balance); //make value inside balance holder to 0
}

最佳答案

您的行 balance = Balance + Earnings;earnings 视为字符串。当您将字符串添加到数字时,它会将所有数字转换为字符串。您需要做的是将 yield 转换为整数。将该行替换为 balance = Balance++earnings;+收入转换为数字。

关于javascript - 无法正确显示号码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39605313/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com