是否可以在javascript中使用原型?

时间:2016-12-26 00:14:51

标签: javascript html css prototype

如果用户输入一个数字< = 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>

   

1 个答案:

答案 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) {...}