如果用户输入一个数字< = 0,那么将弹出警报将消息,该工作正常。但现在我想询问用户是否输入了一个数字> 35000.如果是这样,我希望弹出警报消息,但我想使用原型这样做,因为我想练习实际使用它们。我对我的代码是否正确,或者我离开了?我觉得我离开了。
感谢您花时间阅读:D
function isSalaryZeroOrLess() {
var s = parseInt(document.getElementById("salary").value);
if(s <= 0) {
alert("No money");
}
}
isSalaryZeroOrLess.prototype.greaterThan = function() {
var userSalary = s / 12;
if(userSalary > 35000) {
alert("works!");
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>WOMP</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="gameTime.css">
</head>
<body>
<form class="col-md-4 col-md-offset-4" name="formHandler" id="handle">
<div id="allFields">
<div class="moveUsername">
<h1>(All numbers inputted will be assumed that it's in dollars)</h1>
<label for="usr">What's your annual salary?</label>
<input type="field" class="form-control" id="salary" placeholder="What's your annual salary?" required="required">
</div>
<div class="ageMovement">
<label for="usr">How much do you spend every month on bills?</label>
<input type="field" class="form-control" id="monthlyBills" name="ageChecker" placeholder="How much do you spend every month on bills?" required="required">
</div>
<div class="emailMovement">
<label for="usr">How much do you spend when going out?</label>
<input type="field" class="form-control" id="goingOut" name="emailChecker" placeholder="How much do you spend when going out?" required="required">
</div>
</div>
<button type="submit" class="btn btn-default" onclick="isSalaryZeroOrLess()">Submit</button>
</form>
</body>
</html>
答案 0 :(得分:0)
原型适用于对象而不是函数。对象有点像oop中的类,你可以给它们字段和方法。您需要创建一个像这样的Finance对象构造函数,
function Finance(salary, fixedExpense, variableExpense)
{
this.salary = salary;
this.fixedExpense = fixedExpense;
this.variableExpense = variableExpense;
this.isSalaryZeroOrLess = function() { ...}
}
var peter = new Finance(60000, 3000, 1234);
或者一旦你像上面那样创建了对象构造函数:
Finance.Prototype.isSalaryGreaterThan = function(greaterThanValue) {...}