Dynamic font change using html and css
Dynamic font change using html.
Hello frends welcome to my blog.
here is an html ,css and javascript code to change font dynamically in a website.
Actually it is not dynamic,it is based on 500 conditions.And it supports font-size( in pixels) upto 500 pixels.
I think 500 pixels is enough because a typical laptop has a resolution of 1,080 pixels vertically, and 1,920 horizontally. and we are displaying text, so it is enough.
I made these 500 conditions using a javascript program( using for loop ),
if you need its source code so please comment below.
I hope you will like the blog.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic font change</title>
<style>
#division{
background-color: skyblue;
border:3px solid black;
display: none;
max-width: 250px;
}
#para{
text-align: justify;
font-size:200%;
}
button{
color: white;
background-color: green;
padding:15px;
border: 2px solid black;
border-radius: 4px;
margin:10px;
font-size: 35px;
}
#bttn
{
display: inline;
}
</style>
</head>
<body>
<button onclick="assign();" id="bttn" > font </button>
<p id="demo" > </p>
<div id="division" >
<button onclick="cal('1')" > 1 </button>
<button onclick="cal('2')" > 2 </button>
<button onclick="cal('3')" > 3 </button> <br>
<button onclick="cal('4')" > 4 </button>
<button onclick="cal('5')" > 5 </button>
<button onclick="cal('6')" > 6 </button> <br>
<button onclick="cal('7')" > 7 </button>
<button onclick="cal('8')" > 8 </button>
<button onclick="cal('9')" > 9 </button> <br>
<button onclick="cal('0')" > 0 </button>
<button onclick="changeFS()" > okk </button>
</div>
<P id="para" >
this is some text to show dynamic font change. <br>
this is some text to show dynamic font change. <br>
this is some text to show dynamic font change. <br>
this is some text to show dynamic font change. <br>
this is some text to show dynamic font change. <br>
this is some text to show dynamic font change. <br>
</P>
<script>
var num;
var i;
var result;
var size=[0];
var actualNum;
function assign()
{
num=0;
result="";
actualNum=0;
document.getElementById("bttn").style.backgroundColor="red";
document.getElementById("division").style.display="block" ;
document.getElementById("para").style.display="none";
}
function cal(x)
{
++num;
for( i=1; i<=num; ++i )
{
if( i==num )
{
size[i-1]=x;
result += x;
}
}
actualNum=parseInt(result);
if( 1==actualNum)
document.getElementById("para").style.fontSize="1px";
else if( 2== actualNum )
document.getElementById("para").style.fontSize="2px";
else if( 3== actualNum )
document.getElementById("para").style.fontSize="3px";
else if( 4== actualNum )
document.getElementById("para").style.fontSize="4px";
else if( 5== actualNum )
document.getElementById("para").style.fontSize="5px";
else if( 6== actualNum )
document.getElementById("para").style.fontSize="6px";
else if( 7== actualNum )
document.getElementById("para").style.fontSize="7px";
else if( 8== actualNum )
document.getElementById("para").style.fontSize="8px";
else if( 9== actualNum )
document.getElementById("para").style.fontSize="9px";
else if( 10== actualNum )
document.getElementById("para").style.fontSize="10px";
else if( 11== actualNum )
document.getElementById("para").style.fontSize="11px";
else if( 12== actualNum )
document.getElementById("para").style.fontSize="12px";
else if( 13== actualNum )
document.getElementById("para").style.fontSize="13px";
else if( 14== actualNum )
document.getElementById("para").style.fontSize="14px";
else if( 15== actualNum )
document.getElementById("para").style.fontSize="15px";
else if( 16== actualNum )
document.getElementById("para").style.fontSize="16px";
else if( 17== actualNum )
document.getElementById("para").style.fontSize="17px";
else if( 18== actualNum )
document.getElementById("para").style.fontSize="18px";
else if( 19== actualNum )
document.getElementById("para").style.fontSize="19px";
else if( 20== actualNum )
document.getElementById("para").style.fontSize="20px";
else if( 21== actualNum )
document.getElementById("para").style.fontSize="21px";
else if( 22== actualNum )
document.getElementById("para").style.fontSize="22px";
else if( 23== actualNum )
document.getElementById("para").style.fontSize="23px";
else if( 24== actualNum )
document.getElementById("para").style.fontSize="24px";
else if( 25== actualNum )
document.getElementById("para").style.fontSize="25px";
else if( 26== actualNum )
document.getElementById("para").style.fontSize="26px";
else if( 27== actualNum )
document.getElementById("para").style.fontSize="27px";
else if( 28== actualNum )
document.getElementById("para").style.fontSize="28px";
else if( 29== actualNum )
document.getElementById("para").style.fontSize="29px";
else if( 30== actualNum )
document.getElementById("para").style.fontSize="30px";
else if( 31== actualNum )
document.getElementById("para").style.fontSize="31px";
else if( 32== actualNum )
document.getElementById("para").style.fontSize="32px";
else if( 33== actualNum )
document.getElementById("para").style.fontSize="33px";
else if( 34== actualNum )
document.getElementById("para").style.fontSize="34px";
else if( 35== actualNum )
document.getElementById("para").style.fontSize="35px";
else if( 36== actualNum )
document.getElementById("para").style.fontSize="36px";
else if( 37== actualNum )
document.getElementById("para").style.fontSize="37px";
else if( 38== actualNum )
document.getElementById("para").style.fontSize="38px";
else if( 39== actualNum )
document.getElementById("para").style.fontSize="39px";
else if( 40== actualNum )
document.getElementById("para").style.fontSize="40px";
else if( 41== actualNum )
document.getElementById("para").style.fontSize="41px";
else if( 42== actualNum )
document.getElementById("para").style.fontSize="42px";
else if( 43== actualNum )
document.getElementById("para").style.fontSize="43px";
else if( 44== actualNum )
document.getElementById("para").style.fontSize="44px";
else if( 45== actualNum )
document.getElementById("para").style.fontSize="45px";
else if( 46== actualNum )
document.getElementById("para").style.fontSize="46px";
else if( 47== actualNum )
document.getElementById("para").style.fontSize="47px";
else if( 48== actualNum )
document.getElementById("para").style.fontSize="48px";
else if( 49== actualNum )
document.getElementById("para").style.fontSize="49px";
else if( 50== actualNum )
document.getElementById("para").style.fontSize="50px";
else if( 51== actualNum )
document.getElementById("para").style.fontSize="51px";
else if( 52== actualNum )
document.getElementById("para").style.fontSize="52px";
else if( 53== actualNum )
document.getElementById("para").style.fontSize="53px";
else if( 54== actualNum )
document.getElementById("para").style.fontSize="54px";
else if( 55== actualNum )
document.getElementById("para").style.fontSize="55px";
else if( 56== actualNum )
document.getElementById("para").style.fontSize="56px";
else if( 57== actualNum )
document.getElementById("para").style.fontSize="57px";
else if( 58== actualNum )
document.getElementById("para").style.fontSize="58px";
else if( 59== actualNum )
document.getElementById("para").style.fontSize="59px";
else if( 60== actualNum )
document.getElementById("para").style.fontSize="60px";
else if( 61== actualNum )
document.getElementById("para").style.fontSize="61px";
else if( 62== actualNum )
document.getElementById("para").style.fontSize="62px";
else if( 63== actualNum )
document.getElementById("para").style.fontSize="63px";
else if( 64== actualNum )
document.getElementById("para").style.fontSize="64px";
else if( 65== actualNum )
document.getElementById("para").style.fontSize="65px";
else if( 66== actualNum )
document.getElementById("para").style.fontSize="66px";
else if( 67== actualNum )
document.getElementById("para").style.fontSize="67px";
else if( 68== actualNum )
document.getElementById("para").style.fontSize="68px";
else if( 69== actualNum )
document.getElementById("para").style.fontSize="69px";
else if( 70== actualNum )
document.getElementById("para").style.fontSize="70px";
else if( 71== actualNum )
document.getElementById("para").style.fontSize="71px";
else if( 72== actualNum )
document.getElementById("para").style.fontSize="72px";
else if( 73== actualNum )
document.getElementById("para").style.fontSize="73px";
else if( 74== actualNum )
document.getElementById("para").style.fontSize="74px";
else if( 75== actualNum )
document.getElementById("para").style.fontSize="75px";
else if( 76== actualNum )
document.getElementById("para").style.fontSize="76px";
else if( 77== actualNum )
document.getElementById("para").style.fontSize="77px";
else if( 78== actualNum )
document.getElementById("para").style.fontSize="78px";
else if( 79== actualNum )
document.getElementById("para").style.fontSize="79px";
else if( 80== actualNum )
document.getElementById("para").style.fontSize="80px";
else if( 81== actualNum )
document.getElementById("para").style.fontSize="81px";
else if( 82== actualNum )
document.getElementById("para").style.fontSize="82px";
else if( 83== actualNum )
document.getElementById("para").style.fontSize="83px";
else if( 84== actualNum )
document.getElementById("para").style.fontSize="84px";
else if( 85== actualNum )
document.getElementById("para").style.fontSize="85px";
else if( 86== actualNum )
document.getElementById("para").style.fontSize="86px";
else if( 87== actualNum )
document.getElementById("para").style.fontSize="87px";
else if( 88== actualNum )
document.getElementById("para").style.fontSize="88px";
else if( 89== actualNum )
document.getElementById("para").style.fontSize="89px";
else if( 90== actualNum )
document.getElementById("para").style.fontSize="90px";
else if( 91== actualNum )
document.getElementById("para").style.fontSize="91px";
else if( 92== actualNum )
document.getElementById("para").style.fontSize="92px";
else if( 93== actualNum )
document.getElementById("para").style.fontSize="93px";
else if( 94== actualNum )
document.getElementById("para").style.fontSize="94px";
else if( 95== actualNum )
document.getElementById("para").style.fontSize="95px";
else if( 96== actualNum )
document.getElementById("para").style.fontSize="96px";
else if( 97== actualNum )
document.getElementById("para").style.fontSize="97px";
else if( 98== actualNum )
document.getElementById("para").style.fontSize="98px";
else if( 99== actualNum )
document.getElementById("para").style.fontSize="99px";
else if( 100== actualNum )
document.getElementById("para").style.fontSize="100px";
else if( 101== actualNum )
document.getElementById("para").style.fontSize="101px";
else if( 102== actualNum )
document.getElementById("para").style.fontSize="102px";
else if( 103== actualNum )
document.getElementById("para").style.fontSize="103px";
else if( 104== actualNum )
document.getElementById("para").style.fontSize="104px";
else if( 105== actualNum )
document.getElementById("para").style.fontSize="105px";
else if( 106== actualNum )
document.getElementById("para").style.fontSize="106px";
else if( 107== actualNum )
document.getElementById("para").style.fontSize="107px";
else if( 108== actualNum )
document.getElementById("para").style.fontSize="108px";
else if( 109== actualNum )
document.getElementById("para").style.fontSize="109px";
else if( 110== actualNum )
document.getElementById("para").style.fontSize="110px";
else if( 111== actualNum )
document.getElementById("para").style.fontSize="111px";
else if( 112== actualNum )
document.getElementById("para").style.fontSize="112px";
else if( 113== actualNum )
document.getElementById("para").style.fontSize="113px";
else if( 114== actualNum )
document.getElementById("para").style.fontSize="114px";
else if( 115== actualNum )
document.getElementById("para").style.fontSize="115px";
else if( 116== actualNum )
document.getElementById("para").style.fontSize="116px";
else if( 117== actualNum )
document.getElementById("para").style.fontSize="117px";
else if( 118== actualNum )
document.getElementById("para").style.fontSize="118px";
else if( 119== actualNum )
document.getElementById("para").style.fontSize="119px";
else if( 120== actualNum )
document.getElementById("para").style.fontSize="120px";
else if( 121== actualNum )
document.getElementById("para").style.fontSize="121px";
else if( 122== actualNum )
document.getElementById("para").style.fontSize="122px";
else if( 123== actualNum )
document.getElementById("para").style.fontSize="123px";
else if( 124== actualNum )
document.getElementById("para").style.fontSize="124px";
else if( 125== actualNum )
document.getElementById("para").style.fontSize="125px";
else if( 126== actualNum )
document.getElementById("para").style.fontSize="126px";
else if( 127== actualNum )
document.getElementById("para").style.fontSize="127px";
else if( 128== actualNum )
document.getElementById("para").style.fontSize="128px";
else if( 129== actualNum )
document.getElementById("para").style.fontSize="129px";
else if( 130== actualNum )
document.getElementById("para").style.fontSize="130px";
else if( 131== actualNum )
document.getElementById("para").style.fontSize="131px";
else if( 132== actualNum )
document.getElementById("para").style.fontSize="132px";
else if( 133== actualNum )
document.getElementById("para").style.fontSize="133px";
else if( 134== actualNum )
document.getElementById("para").style.fontSize="134px";
else if( 135== actualNum )
document.getElementById("para").style.fontSize="135px";
else if( 136== actualNum )
document.getElementById("para").style.fontSize="136px";
else if( 137== actualNum )
document.getElementById("para").style.fontSize="137px";
else if( 138== actualNum )
document.getElementById("para").style.fontSize="138px";
else if( 139== actualNum )
document.getElementById("para").style.fontSize="139px";
else if( 140== actualNum )
document.getElementById("para").style.fontSize="140px";
else if( 141== actualNum )
document.getElementById("para").style.fontSize="141px";
else if( 142== actualNum )
document.getElementById("para").style.fontSize="142px";
else if( 143== actualNum )
document.getElementById("para").style.fontSize="143px";
else if( 144== actualNum )
document.getElementById("para").style.fontSize="144px";
else if( 145== actualNum )
document.getElementById("para").style.fontSize="145px";
else if( 146== actualNum )
document.getElementById("para").style.fontSize="146px";
else if( 147== actualNum )
document.getElementById("para").style.fontSize="147px";
else if( 148== actualNum )
document.getElementById("para").style.fontSize="148px";
else if( 149== actualNum )
document.getElementById("para").style.fontSize="149px";
else if( 150== actualNum )
document.getElementById("para").style.fontSize="150px";
else if( 151== actualNum )
document.getElementById("para").style.fontSize="151px";
else if( 152== actualNum )
document.getElementById("para").style.fontSize="152px";
else if( 153== actualNum )
document.getElementById("para").style.fontSize="153px";
else if( 154== actualNum )
document.getElementById("para").style.fontSize="154px";
else if( 155== actualNum )
document.getElementById("para").style.fontSize="155px";
else if( 156== actualNum )
document.getElementById("para").style.fontSize="156px";
else if( 157== actualNum )
document.getElementById("para").style.fontSize="157px";
else if( 158== actualNum )
document.getElementById("para").style.fontSize="158px";
else if( 159== actualNum )
document.getElementById("para").style.fontSize="159px";
else if( 160== actualNum )
document.getElementById("para").style.fontSize="160px";
else if( 161== actualNum )
document.getElementById("para").style.fontSize="161px";
else if( 162== actualNum )
document.getElementById("para").style.fontSize="162px";
else if( 163== actualNum )
document.getElementById("para").style.fontSize="163px";
else if( 164== actualNum )
document.getElementById("para").style.fontSize="164px";
else if( 165== actualNum )
document.getElementById("para").style.fontSize="165px";
else if( 166== actualNum )
document.getElementById("para").style.fontSize="166px";
else if( 167== actualNum )
document.getElementById("para").style.fontSize="167px";
else if( 168== actualNum )
document.getElementById("para").style.fontSize="168px";
else if( 169== actualNum )
document.getElementById("para").style.fontSize="169px";
else if( 170== actualNum )
document.getElementById("para").style.fontSize="170px";
else if( 171== actualNum )
document.getElementById("para").style.fontSize="171px";
else if( 172== actualNum )
document.getElementById("para").style.fontSize="172px";
else if( 173== actualNum )
document.getElementById("para").style.fontSize="173px";
else if( 174== actualNum )
document.getElementById("para").style.fontSize="174px";
else if( 175== actualNum )
document.getElementById("para").style.fontSize="175px";
else if( 176== actualNum )
document.getElementById("para").style.fontSize="176px";
else if( 177== actualNum )
document.getElementById("para").style.fontSize="177px";
else if( 178== actualNum )
document.getElementById("para").style.fontSize="178px";
else if( 179== actualNum )
document.getElementById("para").style.fontSize="179px";
else if( 180== actualNum )
document.getElementById("para").style.fontSize="180px";
else if( 181== actualNum )
document.getElementById("para").style.fontSize="181px";
else if( 182== actualNum )
document.getElementById("para").style.fontSize="182px";
else if( 183== actualNum )
document.getElementById("para").style.fontSize="183px";
else if( 184== actualNum )
document.getElementById("para").style.fontSize="184px";
else if( 185== actualNum )
document.getElementById("para").style.fontSize="185px";
else if( 186== actualNum )
document.getElementById("para").style.fontSize="186px";
else if( 187== actualNum )
document.getElementById("para").style.fontSize="187px";
else if( 188== actualNum )
document.getElementById("para").style.fontSize="188px";
else if( 189== actualNum )
document.getElementById("para").style.fontSize="189px";
else if( 190== actualNum )
document.getElementById("para").style.fontSize="190px";
else if( 191== actualNum )
document.getElementById("para").style.fontSize="191px";
else if( 192== actualNum )
document.getElementById("para").style.fontSize="192px";
else if( 193== actualNum )
document.getElementById("para").style.fontSize="193px";
else if( 194== actualNum )
document.getElementById("para").style.fontSize="194px";
else if( 195== actualNum )
document.getElementById("para").style.fontSize="195px";
else if( 196== actualNum )
document.getElementById("para").style.fontSize="196px";
else if( 197== actualNum )
document.getElementById("para").style.fontSize="197px";
else if( 198== actualNum )
document.getElementById("para").style.fontSize="198px";
else if( 199== actualNum )
document.getElementById("para").style.fontSize="199px";
else if( 200== actualNum )
document.getElementById("para").style.fontSize="200px";
else if( 201== actualNum )
document.getElementById("para").style.fontSize="201px";
else if( 202== actualNum )
document.getElementById("para").style.fontSize="202px";
else if( 203== actualNum )
document.getElementById("para").style.fontSize="203px";
else if( 204== actualNum )
document.getElementById("para").style.fontSize="204px";
else if( 205== actualNum )
document.getElementById("para").style.fontSize="205px";
else if( 206== actualNum )
document.getElementById("para").style.fontSize="206px";
else if( 207== actualNum )
document.getElementById("para").style.fontSize="207px";
else if( 208== actualNum )
document.getElementById("para").style.fontSize="208px";
else if( 209== actualNum )
document.getElementById("para").style.fontSize="209px";
else if( 210== actualNum )
document.getElementById("para").style.fontSize="210px";
else if( 211== actualNum )
document.getElementById("para").style.fontSize="211px";
else if( 212== actualNum )
document.getElementById("para").style.fontSize="212px";
else if( 213== actualNum )
document.getElementById("para").style.fontSize="213px";
else if( 214== actualNum )
document.getElementById("para").style.fontSize="214px";
else if( 215== actualNum )
document.getElementById("para").style.fontSize="215px";
else if( 216== actualNum )
document.getElementById("para").style.fontSize="216px";
else if( 217== actualNum )
document.getElementById("para").style.fontSize="217px";
else if( 218== actualNum )
document.getElementById("para").style.fontSize="218px";
else if( 219== actualNum )
document.getElementById("para").style.fontSize="219px";
else if( 220== actualNum )
document.getElementById("para").style.fontSize="220px";
else if( 221== actualNum )
document.getElementById("para").style.fontSize="221px";
else if( 222== actualNum )
document.getElementById("para").style.fontSize="222px";
else if( 223== actualNum )
document.getElementById("para").style.fontSize="223px";
else if( 224== actualNum )
document.getElementById("para").style.fontSize="224px";
else if( 225== actualNum )
document.getElementById("para").style.fontSize="225px";
else if( 226== actualNum )
document.getElementById("para").style.fontSize="226px";
else if( 227== actualNum )
document.getElementById("para").style.fontSize="227px";
else if( 228== actualNum )
document.getElementById("para").style.fontSize="228px";
else if( 229== actualNum )
document.getElementById("para").style.fontSize="229px";
else if( 230== actualNum )
document.getElementById("para").style.fontSize="230px";
else if( 231== actualNum )
document.getElementById("para").style.fontSize="231px";
else if( 232== actualNum )
document.getElementById("para").style.fontSize="232px";
else if( 233== actualNum )
document.getElementById("para").style.fontSize="233px";
else if( 234== actualNum )
document.getElementById("para").style.fontSize="234px";
else if( 235== actualNum )
document.getElementById("para").style.fontSize="235px";
else if( 236== actualNum )
document.getElementById("para").style.fontSize="236px";
else if( 237== actualNum )
document.getElementById("para").style.fontSize="237px";
else if( 238== actualNum )
document.getElementById("para").style.fontSize="238px";
else if( 239== actualNum )
document.getElementById("para").style.fontSize="239px";
else if( 240== actualNum )
document.getElementById("para").style.fontSize="240px";
else if( 241== actualNum )
document.getElementById("para").style.fontSize="241px";
else if( 242== actualNum )
document.getElementById("para").style.fontSize="242px";
else if( 243== actualNum )
document.getElementById("para").style.fontSize="243px";
else if( 244== actualNum )
document.getElementById("para").style.fontSize="244px";
else if( 245== actualNum )
document.getElementById("para").style.fontSize="245px";
else if( 246== actualNum )
document.getElementById("para").style.fontSize="246px";
else if( 247== actualNum )
document.getElementById("para").style.fontSize="247px";
else if( 248== actualNum )
document.getElementById("para").style.fontSize="248px";
else if( 249== actualNum )
document.getElementById("para").style.fontSize="249px";
else if( 250== actualNum )
document.getElementById("para").style.fontSize="250px";
else if( 251== actualNum )
document.getElementById("para").style.fontSize="251px";
else if( 252== actualNum )
document.getElementById("para").style.fontSize="252px";
else if( 253== actualNum )
document.getElementById("para").style.fontSize="253px";
else if( 254== actualNum )
document.getElementById("para").style.fontSize="254px";
else if( 255== actualNum )
document.getElementById("para").style.fontSize="255px";
else if( 256== actualNum )
document.getElementById("para").style.fontSize="256px";
else if( 257== actualNum )
document.getElementById("para").style.fontSize="257px";
else if( 258== actualNum )
document.getElementById("para").style.fontSize="258px";
else if( 259== actualNum )
document.getElementById("para").style.fontSize="259px";
else if( 260== actualNum )
document.getElementById("para").style.fontSize="260px";
else if( 261== actualNum )
document.getElementById("para").style.fontSize="261px";
else if( 262== actualNum )
document.getElementById("para").style.fontSize="262px";
else if( 263== actualNum )
document.getElementById("para").style.fontSize="263px";
else if( 264== actualNum )
document.getElementById("para").style.fontSize="264px";
else if( 265== actualNum )
document.getElementById("para").style.fontSize="265px";
else if( 266== actualNum )
document.getElementById("para").style.fontSize="266px";
else if( 267== actualNum )
document.getElementById("para").style.fontSize="267px";
else if( 268== actualNum )
document.getElementById("para").style.fontSize="268px";
else if( 269== actualNum )
document.getElementById("para").style.fontSize="269px";
else if( 270== actualNum )
document.getElementById("para").style.fontSize="270px";
else if( 271== actualNum )
document.getElementById("para").style.fontSize="271px";
else if( 272== actualNum )
document.getElementById("para").style.fontSize="272px";
else if( 273== actualNum )
document.getElementById("para").style.fontSize="273px";
else if( 274== actualNum )
document.getElementById("para").style.fontSize="274px";
else if( 275== actualNum )
document.getElementById("para").style.fontSize="275px";
else if( 276== actualNum )
document.getElementById("para").style.fontSize="276px";
else if( 277== actualNum )
document.getElementById("para").style.fontSize="277px";
else if( 278== actualNum )
document.getElementById("para").style.fontSize="278px";
else if( 279== actualNum )
document.getElementById("para").style.fontSize="279px";
else if( 280== actualNum )
document.getElementById("para").style.fontSize="280px";
else if( 281== actualNum )
document.getElementById("para").style.fontSize="281px";
else if( 282== actualNum )
document.getElementById("para").style.fontSize="282px";
else if( 283== actualNum )
document.getElementById("para").style.fontSize="283px";
else if( 284== actualNum )
document.getElementById("para").style.fontSize="284px";
else if( 285== actualNum )
document.getElementById("para").style.fontSize="285px";
else if( 286== actualNum )
document.getElementById("para").style.fontSize="286px";
else if( 287== actualNum )
document.getElementById("para").style.fontSize="287px";
else if( 288== actualNum )
document.getElementById("para").style.fontSize="288px";
else if( 289== actualNum )
document.getElementById("para").style.fontSize="289px";
else if( 290== actualNum )
document.getElementById("para").style.fontSize="290px";
else if( 291== actualNum )
document.getElementById("para").style.fontSize="291px";
else if( 292== actualNum )
document.getElementById("para").style.fontSize="292px";
else if( 293== actualNum )
document.getElementById("para").style.fontSize="293px";
else if( 294== actualNum )
document.getElementById("para").style.fontSize="294px";
else if( 295== actualNum )
document.getElementById("para").style.fontSize="295px";
else if( 296== actualNum )
document.getElementById("para").style.fontSize="296px";
else if( 297== actualNum )
document.getElementById("para").style.fontSize="297px";
else if( 298== actualNum )
document.getElementById("para").style.fontSize="298px";
else if( 299== actualNum )
document.getElementById("para").style.fontSize="299px";
else if( 300== actualNum )
document.getElementById("para").style.fontSize="300px";
else if( 301== actualNum )
document.getElementById("para").style.fontSize="301px";
else if( 302== actualNum )
document.getElementById("para").style.fontSize="302px";
else if( 303== actualNum )
document.getElementById("para").style.fontSize="303px";
else if( 304== actualNum )
document.getElementById("para").style.fontSize="304px";
else if( 305== actualNum )
document.getElementById("para").style.fontSize="305px";
else if( 306== actualNum )
document.getElementById("para").style.fontSize="306px";
else if( 307== actualNum )
document.getElementById("para").style.fontSize="307px";
else if( 308== actualNum )
document.getElementById("para").style.fontSize="308px";
else if( 309== actualNum )
document.getElementById("para").style.fontSize="309px";
else if( 310== actualNum )
document.getElementById("para").style.fontSize="310px";
else if( 311== actualNum )
document.getElementById("para").style.fontSize="311px";
else if( 312== actualNum )
document.getElementById("para").style.fontSize="312px";
else if( 313== actualNum )
document.getElementById("para").style.fontSize="313px";
else if( 314== actualNum )
document.getElementById("para").style.fontSize="314px";
else if( 315== actualNum )
document.getElementById("para").style.fontSize="315px";
else if( 316== actualNum )
document.getElementById("para").style.fontSize="316px";
else if( 317== actualNum )
document.getElementById("para").style.fontSize="317px";
else if( 318== actualNum )
document.getElementById("para").style.fontSize="318px";
else if( 319== actualNum )
document.getElementById("para").style.fontSize="319px";
else if( 320== actualNum )
document.getElementById("para").style.fontSize="320px";
else if( 321== actualNum )
document.getElementById("para").style.fontSize="321px";
else if( 322== actualNum )
document.getElementById("para").style.fontSize="322px";
else if( 323== actualNum )
document.getElementById("para").style.fontSize="323px";
else if( 324== actualNum )
document.getElementById("para").style.fontSize="324px";
else if( 325== actualNum )
document.getElementById("para").style.fontSize="325px";
else if( 326== actualNum )
document.getElementById("para").style.fontSize="326px";
else if( 327== actualNum )
document.getElementById("para").style.fontSize="327px";
else if( 328== actualNum )
document.getElementById("para").style.fontSize="328px";
else if( 329== actualNum )
document.getElementById("para").style.fontSize="329px";
else if( 330== actualNum )
document.getElementById("para").style.fontSize="330px";
else if( 331== actualNum )
document.getElementById("para").style.fontSize="331px";
else if( 332== actualNum )
document.getElementById("para").style.fontSize="332px";
else if( 333== actualNum )
document.getElementById("para").style.fontSize="333px";
else if( 334== actualNum )
document.getElementById("para").style.fontSize="334px";
else if( 335== actualNum )
document.getElementById("para").style.fontSize="335px";
else if( 336== actualNum )
document.getElementById("para").style.fontSize="336px";
else if( 337== actualNum )
document.getElementById("para").style.fontSize="337px";
else if( 338== actualNum )
document.getElementById("para").style.fontSize="338px";
else if( 339== actualNum )
document.getElementById("para").style.fontSize="339px";
else if( 340== actualNum )
document.getElementById("para").style.fontSize="340px";
else if( 341== actualNum )
document.getElementById("para").style.fontSize="341px";
else if( 342== actualNum )
document.getElementById("para").style.fontSize="342px";
else if( 343== actualNum )
document.getElementById("para").style.fontSize="343px";
else if( 344== actualNum )
document.getElementById("para").style.fontSize="344px";
else if( 345== actualNum )
document.getElementById("para").style.fontSize="345px";
else if( 346== actualNum )
document.getElementById("para").style.fontSize="346px";
else if( 347== actualNum )
document.getElementById("para").style.fontSize="347px";
else if( 348== actualNum )
document.getElementById("para").style.fontSize="348px";
else if( 349== actualNum )
document.getElementById("para").style.fontSize="349px";
else if( 350== actualNum )
document.getElementById("para").style.fontSize="350px";
else if( 351== actualNum )
document.getElementById("para").style.fontSize="351px";
else if( 352== actualNum )
document.getElementById("para").style.fontSize="352px";
else if( 353== actualNum )
document.getElementById("para").style.fontSize="353px";
else if( 354== actualNum )
document.getElementById("para").style.fontSize="354px";
else if( 355== actualNum )
document.getElementById("para").style.fontSize="355px";
else if( 356== actualNum )
document.getElementById("para").style.fontSize="356px";
else if( 357== actualNum )
document.getElementById("para").style.fontSize="357px";
else if( 358== actualNum )
document.getElementById("para").style.fontSize="358px";
else if( 359== actualNum )
document.getElementById("para").style.fontSize="359px";
else if( 360== actualNum )
document.getElementById("para").style.fontSize="360px";
else if( 361== actualNum )
document.getElementById("para").style.fontSize="361px";
else if( 362== actualNum )
document.getElementById("para").style.fontSize="362px";
else if( 363== actualNum )
document.getElementById("para").style.fontSize="363px";
else if( 364== actualNum )
document.getElementById("para").style.fontSize="364px";
else if( 365== actualNum )
document.getElementById("para").style.fontSize="365px";
else if( 366== actualNum )
document.getElementById("para").style.fontSize="366px";
else if( 367== actualNum )
document.getElementById("para").style.fontSize="367px";
else if( 368== actualNum )
document.getElementById("para").style.fontSize="368px";
else if( 369== actualNum )
document.getElementById("para").style.fontSize="369px";
else if( 370== actualNum )
document.getElementById("para").style.fontSize="370px";
else if( 371== actualNum )
document.getElementById("para").style.fontSize="371px";
else if( 372== actualNum )
document.getElementById("para").style.fontSize="372px";
else if( 373== actualNum )
document.getElementById("para").style.fontSize="373px";
else if( 374== actualNum )
document.getElementById("para").style.fontSize="374px";
else if( 375== actualNum )
document.getElementById("para").style.fontSize="375px";
else if( 376== actualNum )
document.getElementById("para").style.fontSize="376px";
else if( 377== actualNum )
document.getElementById("para").style.fontSize="377px";
else if( 378== actualNum )
document.getElementById("para").style.fontSize="378px";
else if( 379== actualNum )
document.getElementById("para").style.fontSize="379px";
else if( 380== actualNum )
document.getElementById("para").style.fontSize="380px";
else if( 381== actualNum )
document.getElementById("para").style.fontSize="381px";
else if( 382== actualNum )
document.getElementById("para").style.fontSize="382px";
else if( 383== actualNum )
document.getElementById("para").style.fontSize="383px";
else if( 384== actualNum )
document.getElementById("para").style.fontSize="384px";
else if( 385== actualNum )
document.getElementById("para").style.fontSize="385px";
else if( 386== actualNum )
document.getElementById("para").style.fontSize="386px";
else if( 387== actualNum )
document.getElementById("para").style.fontSize="387px";
else if( 388== actualNum )
document.getElementById("para").style.fontSize="388px";
else if( 389== actualNum )
document.getElementById("para").style.fontSize="389px";
else if( 390== actualNum )
document.getElementById("para").style.fontSize="390px";
else if( 391== actualNum )
document.getElementById("para").style.fontSize="391px";
else if( 392== actualNum )
document.getElementById("para").style.fontSize="392px";
else if( 393== actualNum )
document.getElementById("para").style.fontSize="393px";
else if( 394== actualNum )
document.getElementById("para").style.fontSize="394px";
else if( 395== actualNum )
document.getElementById("para").style.fontSize="395px";
else if( 396== actualNum )
document.getElementById("para").style.fontSize="396px";
else if( 397== actualNum )
document.getElementById("para").style.fontSize="397px";
else if( 398== actualNum )
document.getElementById("para").style.fontSize="398px";
else if( 399== actualNum )
document.getElementById("para").style.fontSize="399px";
else if( 400== actualNum )
document.getElementById("para").style.fontSize="400px";
else if( 401== actualNum )
document.getElementById("para").style.fontSize="401px";
else if( 402== actualNum )
document.getElementById("para").style.fontSize="402px";
else if( 403== actualNum )
document.getElementById("para").style.fontSize="403px";
else if( 404== actualNum )
document.getElementById("para").style.fontSize="404px";
else if( 405== actualNum )
document.getElementById("para").style.fontSize="405px";
else if( 406== actualNum )
document.getElementById("para").style.fontSize="406px";
else if( 407== actualNum )
document.getElementById("para").style.fontSize="407px";
else if( 408== actualNum )
document.getElementById("para").style.fontSize="408px";
else if( 409== actualNum )
document.getElementById("para").style.fontSize="409px";
else if( 410== actualNum )
document.getElementById("para").style.fontSize="410px";
else if( 411== actualNum )
document.getElementById("para").style.fontSize="411px";
else if( 412== actualNum )
document.getElementById("para").style.fontSize="412px";
else if( 413== actualNum )
document.getElementById("para").style.fontSize="413px";
else if( 414== actualNum )
document.getElementById("para").style.fontSize="414px";
else if( 415== actualNum )
document.getElementById("para").style.fontSize="415px";
else if( 416== actualNum )
document.getElementById("para").style.fontSize="416px";
else if( 417== actualNum )
document.getElementById("para").style.fontSize="417px";
else if( 418== actualNum )
document.getElementById("para").style.fontSize="418px";
else if( 419== actualNum )
document.getElementById("para").style.fontSize="419px";
else if( 420== actualNum )
document.getElementById("para").style.fontSize="420px";
else if( 421== actualNum )
document.getElementById("para").style.fontSize="421px";
else if( 422== actualNum )
document.getElementById("para").style.fontSize="422px";
else if( 423== actualNum )
document.getElementById("para").style.fontSize="423px";
else if( 424== actualNum )
document.getElementById("para").style.fontSize="424px";
else if( 425== actualNum )
document.getElementById("para").style.fontSize="425px";
else if( 426== actualNum )
document.getElementById("para").style.fontSize="426px";
else if( 427== actualNum )
document.getElementById("para").style.fontSize="427px";
else if( 428== actualNum )
document.getElementById("para").style.fontSize="428px";
else if( 429== actualNum )
document.getElementById("para").style.fontSize="429px";
else if( 430== actualNum )
document.getElementById("para").style.fontSize="430px";
else if( 431== actualNum )
document.getElementById("para").style.fontSize="431px";
else if( 432== actualNum )
document.getElementById("para").style.fontSize="432px";
else if( 433== actualNum )
document.getElementById("para").style.fontSize="433px";
else if( 434== actualNum )
document.getElementById("para").style.fontSize="434px";
else if( 435== actualNum )
document.getElementById("para").style.fontSize="435px";
else if( 436== actualNum )
document.getElementById("para").style.fontSize="436px";
else if( 437== actualNum )
document.getElementById("para").style.fontSize="437px";
else if( 438== actualNum )
document.getElementById("para").style.fontSize="438px";
else if( 439== actualNum )
document.getElementById("para").style.fontSize="439px";
else if( 440== actualNum )
document.getElementById("para").style.fontSize="440px";
else if( 441== actualNum )
document.getElementById("para").style.fontSize="441px";
else if( 442== actualNum )
document.getElementById("para").style.fontSize="442px";
else if( 443== actualNum )
document.getElementById("para").style.fontSize="443px";
else if( 444== actualNum )
document.getElementById("para").style.fontSize="444px";
else if( 445== actualNum )
document.getElementById("para").style.fontSize="445px";
else if( 446== actualNum )
document.getElementById("para").style.fontSize="446px";
else if( 447== actualNum )
document.getElementById("para").style.fontSize="447px";
else if( 448== actualNum )
document.getElementById("para").style.fontSize="448px";
else if( 449== actualNum )
document.getElementById("para").style.fontSize="449px";
else if( 450== actualNum )
document.getElementById("para").style.fontSize="450px";
else if( 451== actualNum )
document.getElementById("para").style.fontSize="451px";
else if( 452== actualNum )
document.getElementById("para").style.fontSize="452px";
else if( 453== actualNum )
document.getElementById("para").style.fontSize="453px";
else if( 454== actualNum )
document.getElementById("para").style.fontSize="454px";
else if( 455== actualNum )
document.getElementById("para").style.fontSize="455px";
else if( 456== actualNum )
document.getElementById("para").style.fontSize="456px";
else if( 457== actualNum )
document.getElementById("para").style.fontSize="457px";
else if( 458== actualNum )
document.getElementById("para").style.fontSize="458px";
else if( 459== actualNum )
document.getElementById("para").style.fontSize="459px";
else if( 460== actualNum )
document.getElementById("para").style.fontSize="460px";
else if( 461== actualNum )
document.getElementById("para").style.fontSize="461px";
else if( 462== actualNum )
document.getElementById("para").style.fontSize="462px";
else if( 463== actualNum )
document.getElementById("para").style.fontSize="463px";
else if( 464== actualNum )
document.getElementById("para").style.fontSize="464px";
else if( 465== actualNum )
document.getElementById("para").style.fontSize="465px";
else if( 466== actualNum )
document.getElementById("para").style.fontSize="466px";
else if( 467== actualNum )
document.getElementById("para").style.fontSize="467px";
else if( 468== actualNum )
document.getElementById("para").style.fontSize="468px";
else if( 469== actualNum )
document.getElementById("para").style.fontSize="469px";
else if( 470== actualNum )
document.getElementById("para").style.fontSize="470px";
else if( 471== actualNum )
document.getElementById("para").style.fontSize="471px";
else if( 472== actualNum )
document.getElementById("para").style.fontSize="472px";
else if( 473== actualNum )
document.getElementById("para").style.fontSize="473px";
else if( 474== actualNum )
document.getElementById("para").style.fontSize="474px";
else if( 475== actualNum )
document.getElementById("para").style.fontSize="475px";
else if( 476== actualNum )
document.getElementById("para").style.fontSize="476px";
else if( 477== actualNum )
document.getElementById("para").style.fontSize="477px";
else if( 478== actualNum )
document.getElementById("para").style.fontSize="478px";
else if( 479== actualNum )
document.getElementById("para").style.fontSize="479px";
else if( 480== actualNum )
document.getElementById("para").style.fontSize="480px";
else if( 481== actualNum )
document.getElementById("para").style.fontSize="481px";
else if( 482== actualNum )
document.getElementById("para").style.fontSize="482px";
else if( 483== actualNum )
document.getElementById("para").style.fontSize="483px";
else if( 484== actualNum )
document.getElementById("para").style.fontSize="484px";
else if( 485== actualNum )
document.getElementById("para").style.fontSize="485px";
else if( 486== actualNum )
document.getElementById("para").style.fontSize="486px";
else if( 487== actualNum )
document.getElementById("para").style.fontSize="487px";
else if( 488== actualNum )
document.getElementById("para").style.fontSize="488px";
else if( 489== actualNum )
document.getElementById("para").style.fontSize="489px";
else if( 490== actualNum )
document.getElementById("para").style.fontSize="490px";
else if( 491== actualNum )
document.getElementById("para").style.fontSize="491px";
else if( 492== actualNum )
document.getElementById("para").style.fontSize="492px";
else if( 493== actualNum )
document.getElementById("para").style.fontSize="493px";
else if( 494== actualNum )
document.getElementById("para").style.fontSize="494px";
else if( 495== actualNum )
document.getElementById("para").style.fontSize="495px";
else if( 496== actualNum )
document.getElementById("para").style.fontSize="496px";
else if( 497== actualNum )
document.getElementById("para").style.fontSize="497px";
else if( 498== actualNum )
document.getElementById("para").style.fontSize="498px";
else if( 499== actualNum )
document.getElementById("para").style.fontSize="499px";
else if( 500== actualNum )
document.getElementById("para").style.fontSize="500px";
document.getElementById("demo").innerHTML=parseInt(result);
}
function changeFS()
{
document.getElementById("division").style.display="none" ;
document.getElementById("para").style.display="block";
}
</script>
</body>
</html>
Comments
Post a Comment