<!DOCTYPE html>

<html>

<head>

<meta charset = "UTF-8">

<title>Simple OOP in Javasript</title>

<script type ="text/javascript" src = "5-3_simulation.js"></script>

  </head>

<body>

<h1>Attack simulation game</h1>

<div id = "ctrlSection">

<input type = "text" id = "humanName"/>  Human Name

<button type = "button" onClick = "man.expFull();">Level Up</button>

<br/>

<input type = "text" id = "magicianName"/>  Magician Name

<button type = "button" onClick = "woman.expFull();">Level up</button>

<br/>

<button type = "button" onClick = "startWar();" > Start battle </button>

<button type = "button" onClick = "stopWar();" > Stop battle </button>

<button type = "button" onClick = "man.expFull(); woman.expFull();" > Both level up  </button>

<br/>

</div>

<div id = "logSection">

<h3>Human battle log</h3>

<div id = "fightlog1" style = "height : 150px; overlow : scroll;"></div>

<h3>Magician battle log</h3>

<div id = "fightlog2" style = "height : 150px; overlow : scroll;"></div>

</div>

</body>

</html>


5-3_SimpleOOPinJavascript.html


반응형

'Programming > JavaScript' 카테고리의 다른 글

JavaScript 소스코드  (0) 2016.12.07
[JavaScript] 5-3_simulation.js  (0) 2016.12.07
[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07

function call(a, b)

{

var intA = parseInt(a);

var intB = parseInt(b);

if(isNaN(intA) || isNaN(intB))

{

document.write("Not integer number : " + intA + ", " + intB + "<br>" );

}

else

{

document.write("Sum : " + (intA + intB));

}

}


document.write("call(a, b) => " );

call('a', 'b');

document.write("call(5, 7) => " );

call(5, 7);

 

 document.write("<br><br>");

 

 var StrBuffer = function()

 {

var buffer = [];

 

this.append = function(str)

{

buffer.push(str);

}

this.toString = function()

{

return buffer.join(' ');

}

 }

 

 var strBuff = new StrBuffer();

 strBuff.append('Hello');

 strBuff.append('Javascript');

 document.write(strBuff);


5-2_Function.js


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-3_simulation.js  (0) 2016.12.07
[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07


human = function(x)

{

//Attribute : 객체 내부의 데이터

this.gender = x;

//Method : 기능이나 행위를 정의한 속성

this.tellGender = function()

{

};

};


//Prototype : 객체의 기본적인 속성을 정의함.

human.prototype.whatGender = function()

{

alert(this.gender);

};


man = new human("M");

woman = new human("F");

//man.whatGender();

//woman.whatGender();


5-1_OOPBasic.js


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-0_OOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 3-5_evalFunc.js  (0) 2016.12.07
[JavaScript] 3-4_TypeCastFunc.js  (0) 2016.12.07

+ Recent posts

티스토리툴바