Java Script Classes
<!DOCTYPE html>
<html lang="en">
<head>
<title>javascript classes</title>
<script>
class GMaths
{
constructor()
{
this.num1=100;
this.num2=20;
}
/* constructor(n1,n2)
{
this.num1=n1;
this.num2=n2;
}*/
setData(n1,n2)
{
this.num1=n1;
this.num2=n2;
}
sum(){
this.res=this.num1+this.num2;
return "<h1>" + this.res + " hello javascript</h1>";
}
subtract(n1,n2)
{
this.res=n1-n2;
return this.res;
}
}//end of class
class AdMaths extends GMaths
{
constructor()
{
super();//calling constructor of GMaths
this.num1=900;
this.num2=100;
}
multi()
{
this.res=this.num1*this.num2;
return "<h2>Multiplication is :" + this.res + "</h2>";
}
}//end of class
function useClasses()
{
mt=new GMaths();
//mt.setData(200,30);
div1.innerHTML=mt.sum();
div2.innerHTML=mt.subtract(100,40);
// mt.sum());
}
function useDerivedClass()
{
alert("hello");
am=new AdMaths();
div2.innerHTML=div2.innerHTML + am.sum();
div2.innerHTML=div2.innerHTML+ am.multi();
//div1.innerHTML=am.multi();
}
</script>
</head>
<body>
<div id="div1">
<h1>use of javascript classes</h1>
<input type="button" value="js Classes" onclick="useClasses()">
<input type="button" value="js Derived Classes" onclick="useDerivedClass()">
</div>
<div id="div2"></div>
</body>
</html>
Comments
Post a Comment